/*
 * NutraVerse Core Framework Styles & Tokens
 */

:root {
  --nv-blue: #0c7ac5;
  --nv-blue-dark: #0061bd;
  --nv-blue-bright: #0193e8;
  --nv-blue-light: #edf8ff;
  --nv-green: #81c800;
  --nv-green-dark: #58a100;
  --nv-green-light: #f3f7e9;
  --nv-red: #ff4455;
  --nv-red-light: #fff2f3;
  --nv-orange: #fb7203;
  --nv-gold: #ffad11;
  --nv-text: #222222;
  --nv-border: #e2e8f0;
}

/* Common Buttons */
.nv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 22px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 1.2;
}

.nv-btn--shop {
  background-color: var(--nv-orange, #fb7203);
  color: #ffffff !important;
  border: 1px solid var(--nv-orange, #fb7203);
}

.nv-btn--shop:hover {
  background-color: #e06200;
  border-color: #e06200;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(251, 114, 3, 0.35);
}

.nv-btn--review {
  background-color: transparent;
  color: var(--nv-blue, #0c7ac5) !important;
  border: 2px solid var(--nv-blue, #0c7ac5);
}

.nv-btn--review:hover {
  background-color: var(--nv-blue, #0c7ac5);
  color: #ffffff !important;
  text-decoration: none;
}

/* Star SVG rendering */
.nv-stars-wrap {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.nv-star-svg {
  display: inline-block;
  vertical-align: middle;
}