/* ── Global Light Theme Overrides ── */

/* Nav — always readable on light heroes */
#main-nav.nav-top {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 0 rgba(208, 197, 178, 0.35);
}
#main-nav.nav-top .nav-logo { color: #735800 !important; }
#main-nav.nav-top .nav-link { color: #5f5e5e !important; }
#main-nav.nav-top .nav-link:hover { color: #735800 !important; }
#main-nav.nav-top .nav-link.active { color: #735800 !important; border-color: #735800 !important; }
#main-nav.nav-top .nav-icon { color: #5f5e5e !important; }
#main-nav.nav-top .nav-cta {
  background: #735800 !important;
  border: none !important;
  color: #fff !important;
}
#main-nav.nav-top .menu-btn {
  border-color: #d0c5b2 !important;
  color: #1a1c1c !important;
}

/* Hero overlays — soft light wash */
.hero-overlay,
.light-hero-overlay {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(249, 249, 249, 0.82) 45%, rgba(249, 249, 249, 0.55) 100%),
    radial-gradient(ellipse at 80% 20%, rgba(255, 223, 150, 0.35) 0%, transparent 55%) !important;
}
@media (max-width: 768px) {
  .hero-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(249, 249, 249, 0.78) 100%) !important;
  }
}

/* Page hero gradients (about, quote, products) */
.page-hero-overlay {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.93) 0%, rgba(249, 249, 249, 0.8) 45%, rgba(249, 249, 249, 0.5) 100%),
    radial-gradient(ellipse at 80% 20%, rgba(255, 223, 150, 0.3) 0%, transparent 55%) !important;
}

/* Hero slider controls */
.hero-slider-btn {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid #d0c5b2 !important;
  color: #735800 !important;
  box-shadow: 0 2px 8px rgba(26, 28, 28, 0.06);
}
.hero-slider-btn:hover {
  background: #735800 !important;
  border-color: #735800 !important;
  color: #fff !important;
}
.hero-dot { background: rgba(115, 88, 0, 0.25) !important; }
.hero-dot.active { background: #735800 !important; }

/* CTA bands */
.cta-band {
  background: linear-gradient(135deg, #fff9ee 0%, #f3f3f4 50%, #fff9ee 100%) !important;
  border-top: 1px solid #d0c5b2;
  border-bottom: 1px solid #d0c5b2;
}
.cta-band::before {
  background: radial-gradient(ellipse at 30% 50%, rgba(255, 223, 150, 0.45) 0%, transparent 60%) !important;
}

/* Light footer */
footer.bg-inverse-surface,
.site-footer {
  background: #f3f3f4 !important;
  color: #1a1c1c !important;
  border-top: 1px solid #d0c5b2;
}
footer.bg-inverse-surface .text-inverse-on-surface,
footer.bg-inverse-surface .text-inverse-on-surface\/70,
footer.site-footer .text-inverse-on-surface,
footer.site-footer .text-inverse-on-surface\/70 {
  color: #4d4637 !important;
}
footer.bg-inverse-surface .text-primary-fixed-dim,
footer.site-footer .text-primary-fixed-dim {
  color: #735800 !important;
}
footer.bg-inverse-surface a:hover,
footer.site-footer a:hover {
  color: #735800 !important;
}
footer.bg-inverse-surface .border-white\/10,
footer.bg-inverse-surface .border-white\/20,
footer.site-footer .border-white\/10,
footer.site-footer .border-white\/20 {
  border-color: #d0c5b2 !important;
}

/* Stats / dark bands → light */
.bg-inverse-surface:not(footer) {
  background: #eeeeee !important;
  color: #1a1c1c !important;
}
.bg-inverse-surface:not(footer) .text-inverse-on-surface,
.bg-inverse-surface:not(footer) .text-surface-variant {
  color: #4d4637 !important;
}
.bg-inverse-surface:not(footer) .text-primary-fixed-dim {
  color: #735800 !important;
}