/**
 * Homepage spacing — 3D hero first, then order band & content
 */

/* Chrome in normal flow (not fixed over empty hero) */
body.home .site-chrome {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 1001;
  background: var(--espresso);
  border-bottom: 1px solid rgba(250, 246, 240, 0.08);
  overflow: hidden;
}

body.home .top-bar,
body.home .header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

body.home .site-chrome .top-bar,
body.home .site-chrome .header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

body.home .site-chrome .top-bar {
  display: block;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto;
  padding: 0.35rem 0;
  background: transparent;
  border-bottom: 1px solid rgba(250, 246, 240, 0.06);
}

body.home .site-chrome .header {
  background: transparent !important;
  backdrop-filter: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding-block: 0.65rem;
}

body.home .header .logo-mark-wrap,
body.home .nav-actions .order-now-btn {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Keep desktop nav visible; do NOT force mobile drawer visible when closed */
@media (min-width: 769px) {
  body.home .header .nav-links {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 768px) {
  /* Do not force the mobile drawer visible when closed */
  body.home .header .nav-links:not(.open),
  body.home .nav-links:not(.open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home .nav-links.open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

body.home .header .nav-links a {
  color: rgba(250, 246, 240, 0.9) !important;
}

body.home .header .nav-links a:hover,
body.home .header .nav-links a.is-active {
  color: var(--gold) !important;
}

body.home .header .nav-social {
  color: rgba(250, 246, 240, 0.9) !important;
}

body.home .header .nav-social:hover {
  color: var(--gold) !important;
}

body.home .header .nav-toggle span {
  background: var(--cream) !important;
}

body.home .header .theme-toggle__label {
  color: rgba(250, 246, 240, 0.72) !important;
}

body.home .header .logo-mark-wrap {
  width: 44px !important;
  margin: 0 !important;
}

body.home.is-scrolled .site-chrome {
  position: sticky;
  top: 0;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22);
}

/* First section flush under nav */
body.home .dual-showcase {
  margin-top: 0;
  min-height: 0;
}

body.home {
  --section-pad: clamp(1.35rem, 2.75vw, 2.15rem);
}

body.home .section {
  padding-block: var(--section-pad);
}

body.home .section-header {
  margin-bottom: 1.25rem;
}

body.home .section-header .section-tag,
body.home .section-header .menu-hours-badge {
  margin-bottom: 0.5rem;
}

body.home .section-title {
  margin-bottom: 0.65rem;
}

body.home .marquee + .section {
  padding-top: clamp(1.25rem, 2.5vw, 1.75rem);
}

body.home .dual-card {
  min-height: clamp(260px, 34vh, 380px);
}

body.home .dual-card-content {
  padding: 1.5rem 1.25rem;
}

body.home .order-band {
  padding: 0.85rem 0;
}

body.home .order-band-inner {
  gap: 1rem;
}

body.home .showcase-grid {
  gap: 1rem;
}

body.home .showcase-menu-link {
  margin-top: 1.25rem;
}

body.home .marquee {
  padding: 0.65rem 0;
}

body.home .featured-header {
  margin-bottom: 1.25rem;
}

body.home .featured-grid {
  gap: 1rem;
}

body.home .promo-band {
  padding: clamp(1.75rem, 4vw, 2.5rem) 0;
}

body.home .daynight-bridge {
  padding: clamp(1.75rem, 4vw, 2.5rem) 0;
}

body.home .menu-fuel-preview {
  padding: clamp(1.5rem, 3vw, 2.25rem) 0;
}

body.home .social-section {
  padding-block: clamp(2.5rem, 6vw, 4rem);
}

body.home .footer {
  padding: clamp(2rem, 4vw, 2.5rem) 0 1rem;
  margin-bottom: 0;
}

body.home > .order-modal,
body.home > .burger-product-modal,
body.home > .ds-sticky-cta {
  position: fixed !important;
}

body.home > .skip-link {
  position: absolute !important;
}

body.home .footer-grid {
  margin-bottom: 1.5rem;
  gap: 1.5rem;
}

body.home .marquee--footer,
body.home .marquee--top {
  padding: 0.75rem 0;
}

body.home .order-band + .marquee--top {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  body.home .dual-card {
    min-height: 240px;
  }

  body.home .section {
    padding-block: clamp(1.5rem, 4vw, 2rem);
  }

  body.home .nav-links.open a {
    color: var(--coffee) !important;
  }

  body.home .nav-links.open a:hover,
  body.home .nav-links.open a.is-active {
    color: var(--ember) !important;
  }
}