/* HalfEats lander semantic styles (no JS). Scoped to body.is-lander.hf-theme-v2 */
body.is-lander.hf-theme-v2{
  background: var(--bg) !important;
  color: var(--text) !important;
}
body.is-lander.hf-theme-v2 main{
  padding-top: 20px !important;
}
@media (max-width: 768px){
  body.is-lander.hf-theme-v2 main{
    padding-top: 12px !important;
  }
}

/* Headings and paragraphs */
body.is-lander.hf-theme-v2 h1,
body.is-lander.hf-theme-v2 h2,
body.is-lander.hf-theme-v2 h3{
  color: var(--text) !important;
}
body.is-lander.hf-theme-v2 p{ color: var(--muted); }

/* Cards and panels */
body.is-lander.hf-theme-v2 section,
body.is-lander.hf-theme-v2 .card,
body.is-lander.hf-theme-v2 .panel,
body.is-lander.hf-theme-v2 .rounded-xl,
body.is-lander.hf-theme-v2 .rounded-lg{
  border-radius: 12px !important;
  background-color: var(--card) !important;
  box-shadow: 0 8px 24px rgba(16,24,40,.06);
  border: 1px solid var(--border) !important;
}

/* Hero section soft background (keep gradient subtle) */
/* Note: Added [data-hf-section="hero"] for post-reorder support */
body.is-lander.hf-theme-v2 .hero,
body.is-lander.hf-theme-v2 section[class*="hero"],
body.is-lander.hf-theme-v2 header + section,
body.is-lander.hf-theme-v2 [data-hf-section="hero"]{
  background: radial-gradient(1200px 400px at 30% -10%, #F1F5FF 0%, transparent 60%), var(--bg) !important;
}

/* Primary CTA: consistent blue */
body.is-lander.hf-theme-v2 a[href*="/order"],
body.is-lander.hf-theme-v2 button[class*="place" i]{
  background-color: var(--brand) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(37,99,235,.18);
}
body.is-lander.hf-theme-v2 a[href*="/order"]:hover,
body.is-lander.hf-theme-v2 button[class*="place" i]:hover{
  background-color: var(--brand-dark) !important;
}

/* Secondary CTAs as links/outline */
body.is-lander.hf-theme-v2 a[href*="how"],
body.is-lander.hf-theme-v2 a[href*="impact"],
body.is-lander.hf-theme-v2 a[href*="faq" i]{
  background: #fff !important;
  color: var(--brand) !important;
  border: 1.5px solid var(--brand) !important;
  border-radius: 9999px !important;
}
body.is-lander.hf-theme-v2 a[href*="how"]:hover,
body.is-lander.hf-theme-v2 a[href*="impact"]:hover,
body.is-lander.hf-theme-v2 a[href*="faq" i]:hover{
  background: var(--brand-btn-lite) !important;
}

/* Savings chips */
body.is-lander.hf-theme-v2 .chip,
body.is-lander.hf-theme-v2 .badge{
  border-radius: 9999px;
}
body.is-lander.hf-theme-v2 .chip.savings,
body.is-lander.hf-theme-v2 .badge.savings,
body.is-lander.hf-theme-v2 [class*="saving" i]{
  background: var(--accent-bg) !important;
  color: var(--accent-text) !important;
  border: 1px solid #D1FAE5 !important;
}

/* FAQ buttons/pills */
body.is-lander.hf-theme-v2 [role="button"][class*="faq" i],
body.is-lander.hf-theme-v2 .faq-pill{
  background: #fff !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}

/* Remove double borders/shadows where nested */
body.is-lander.hf-theme-v2 .card .card,
body.is-lander.hf-theme-v2 .panel .panel{
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Progress bar fill for the 4-step band */
.step-progress-fill{
  background: linear-gradient(90deg, #2563eb, #1d4ed8) !important;
  transition: width 160ms linear;
}