/* =========================================================================
   LIGHT THEME (2026-11)
   Dark stays the default brand look. When the visitor picks light with the
   sun/moon button, includes/header.php sets <html data-theme="light"> and
   every rule below applies. Sections that sit ON a photo or video (home hero,
   briefing banner, about mission banner, brand / inventory heroes, lightbox,
   chatbot) deliberately stay dark in both modes - white text over a photo
   needs a dark scrim either way.
   ========================================================================= */

/* ---- Theme toggle button (shown in BOTH modes) ------------------------- */
.theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 40px; height: 40px; border-radius: 50%; padding: 0;
  background: none; border: 1px solid var(--border); color: var(--foreground);
  cursor: pointer; transition: border-color .2s ease, color .2s ease;
}
.theme-toggle:hover { border-color: var(--gold); color: var(--gold); }
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle .ico-sun { display: none; }
html[data-theme="light"] .theme-toggle .ico-sun { display: block; }
html[data-theme="light"] .theme-toggle .ico-moon { display: none; }
@media (min-width: 1024px) {
  .theme-toggle { margin-left: auto; }
}
@media (max-width: 1023px) {
  .header-navrow { justify-content: flex-end; padding-right: .6rem !important; }
}

/* ---- Palette ------------------------------------------------------------ */
html[data-theme="light"] {
  --background: #f7f5f0;   /* warm off-white, not clinical white */
  --surface: #ffffff;
  --surface-2: #efece5;
  --foreground: #17150f;
  --muted: #5c574d;
  --gold: #a8842b;         /* darker gold: the dark-mode gold is too pale to read on white */
  --gold-hover: #8c6d20;
  --border: rgba(23, 21, 15, .12);
  color-scheme: light;
  scrollbar-color: rgba(168,132,43,.55) #f7f5f0;
}
html[data-theme="light"],
html[data-theme="light"] body { background: var(--background); }
html[data-theme="light"] ::-webkit-scrollbar-track,
html[data-theme="light"] ::-webkit-scrollbar-corner { background: #f7f5f0; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(168,132,43,.5); border-color: #f7f5f0; }

/* ---- Header / navigation ------------------------------------------------ */
html[data-theme="light"] .site-header,
html[data-theme="light"] .main-nav { background: var(--background); }
html[data-theme="light"] .dropdown-menu { background: var(--surface); box-shadow: 0 20px 40px rgba(23,21,15,.12); }
html[data-theme="light"] .main-nav a,
html[data-theme="light"] .main-nav button { color: var(--foreground); }
html[data-theme="light"] .main-nav a:hover,
html[data-theme="light"] .main-nav a.active,
html[data-theme="light"] .main-nav button:hover { color: var(--gold); }
html[data-theme="light"] .dropdown-menu a { color: var(--muted); }
html[data-theme="light"] .dropdown-menu a:hover { color: var(--gold); }

/* ---- Home --------------------------------------------------------------- */
html[data-theme="light"] .fh-section--dark { background: var(--background); color: var(--foreground); }
html[data-theme="light"] .fh-section-head h2,
html[data-theme="light"] .fh-filter-header h2 { color: var(--foreground); }
html[data-theme="light"] .fh-welcome-link { color: var(--foreground); border-bottom-color: rgba(23,21,15,.3); }
html[data-theme="light"] .fh-filter-section { background: var(--background); }
html[data-theme="light"] .fh-home-filter select:focus,
html[data-theme="light"] .fh-home-filter select:hover { color: var(--foreground); }
html[data-theme="light"] .fh-ap-filter a:hover { color: var(--foreground); }
html[data-theme="light"] .dourado-arrow { background: var(--surface); }
html[data-theme="light"] .fh-showroom-wrap { background: var(--surface-2); }
html[data-theme="light"] .fh-dots span { background: rgba(23,21,15,.2); }

/* ---- Article / blog / news --------------------------------------------- */
html[data-theme="light"] .blog-post-nav { border-top-color: var(--border); }
html[data-theme="light"] .blog-post-nav-link { border-color: var(--border); }
html[data-theme="light"] .blog-post-nav-link:hover { background: rgba(23,21,15,.03); }
html[data-theme="light"] .blog-post-content iframe { border-color: var(--border); }
html[data-theme="light"] .prose a { color: var(--gold); }
html[data-theme="light"] .prose table tbody th,
html[data-theme="light"] .cmp-table tbody th { background: rgba(23,21,15,.03); }
html[data-theme="light"] .prose table tbody tr:nth-child(even) td,
html[data-theme="light"] .cmp-table tbody tr:nth-child(even) td { background: rgba(23,21,15,.025); }
html[data-theme="light"] .prose table tbody tr:hover td,
html[data-theme="light"] .cmp-table tbody tr:hover td { background: rgba(168,132,43,.08); }

/* ---- Inventory / brand -------------------------------------------------- */
html[data-theme="light"] .inv-hero-text-section { background: var(--background); }
html[data-theme="light"] .bhx { background: var(--background); }
html[data-theme="light"] .bhx-name { color: var(--foreground); }
html[data-theme="light"] .bhx-fade {
  background: linear-gradient(180deg, rgba(247,245,240,.35) 0%, rgba(247,245,240,0) 45%, rgba(247,245,240,.85) 100%);
}
@media (min-width: 900px) {
  html[data-theme="light"] .bhx-fade {
    background: linear-gradient(90deg, #f7f5f0 0%, rgba(247,245,240,.6) 18%, rgba(247,245,240,0) 55%);
  }
}

/* ---- Car cards ---------------------------------------------------------- */
html[data-theme="light"] .car-card { background: var(--surface); border-color: var(--border); }
html[data-theme="light"] .car-card:hover { border-color: rgba(168,132,43,.6); box-shadow: 0 10px 26px rgba(23,21,15,.08); }
html[data-theme="light"] .car-card-image { background: var(--surface-2); }
html[data-theme="light"] .car-card-image::after { background: none; }
html[data-theme="light"] .car-card-title,
html[data-theme="light"] .car-card-spec-value { color: var(--foreground); }
html[data-theme="light"] .car-card-specs { border-top-color: var(--border); border-bottom-color: var(--border); }
html[data-theme="light"] .car-card-spec-sep { background: var(--border); }

/* ---- About / reviews / 404 --------------------------------------------- */
html[data-theme="light"] .about-marquee-section,
html[data-theme="light"] .rv-section,
html[data-theme="light"] .nf-section { background: var(--background); }
html[data-theme="light"] .rv-head h2,
html[data-theme="light"] .rv-summary-score,
html[data-theme="light"] .rv-summary-meta strong,
html[data-theme="light"] .nf-title { color: var(--foreground); }
html[data-theme="light"] .rv-card:hover { box-shadow: 0 12px 28px rgba(23,21,15,.1); }

/* ---- Forms (contact, newsletter, country picker) ------------------------ */
html[data-theme="light"] .form-row input,
html[data-theme="light"] .form-row textarea,
html[data-theme="light"] .form-row select,
html[data-theme="light"] .footer-signup input[type="email"],
html[data-theme="light"] .cc-btn {
  background: #fff; border-color: rgba(23,21,15,.2); color: var(--foreground);
}
html[data-theme="light"] .form-row input:hover,
html[data-theme="light"] .form-row textarea:hover,
html[data-theme="light"] .form-row select:hover,
html[data-theme="light"] .footer-signup input[type="email"]:hover,
html[data-theme="light"] .cc-btn:hover { background: #fff; border-color: rgba(23,21,15,.35); }
html[data-theme="light"] .form-row input:focus,
html[data-theme="light"] .form-row textarea:focus,
html[data-theme="light"] .form-row select:focus,
html[data-theme="light"] .footer-signup input[type="email"]:focus { background: #fff; box-shadow: 0 0 0 3px rgba(168,132,43,.18); }
html[data-theme="light"] .form-row input::placeholder,
html[data-theme="light"] .form-row textarea::placeholder,
html[data-theme="light"] .footer-signup input[type="email"]::placeholder,
html[data-theme="light"] .cc-search::placeholder { color: rgba(23,21,15,.4); }
html[data-theme="light"] .form-row input:-webkit-autofill,
html[data-theme="light"] .form-row textarea:-webkit-autofill,
html[data-theme="light"] .footer-signup input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
html[data-theme="light"] .cc-panel { background: #fff; border-color: rgba(23,21,15,.15); box-shadow: 0 18px 40px rgba(23,21,15,.15); }
html[data-theme="light"] .cc-search { background: rgba(23,21,15,.03); border-bottom-color: rgba(23,21,15,.12); }
html[data-theme="light"] .cc-search:focus { background: rgba(23,21,15,.05); }
html[data-theme="light"] .cc-list::-webkit-scrollbar-thumb { background: rgba(23,21,15,.2); }

/* ---- Car detail page ---------------------------------------------------- */
html[data-theme="light"] .cd-back--light { background: var(--foreground); color: #fff; }
html[data-theme="light"] .cd-gallery-main,
html[data-theme="light"] .cd-gallery-main img,
html[data-theme="light"] .cd-thumb { background: var(--surface-2); }
/* buttons that float over the photo stay dark-glass with white icons */
html[data-theme="light"] .cd-gallery-fullscreen,
html[data-theme="light"] .cd-gallery-arrow,
html[data-theme="light"] .cd-gallery-counter { color: #fff; border-color: rgba(255,255,255,.25); }
html[data-theme="light"] .cd-gallery-counter #cd-counter-current { color: #fff; }
/* fullscreen lightbox stays black */
html[data-theme="light"] .cd-lightbox-close,
html[data-theme="light"] .cd-lightbox-arrow { color: #fff; border-color: rgba(255,255,255,.25); }

/* ---- Article FAQ (includes/faq.php) ------------------------------------- */
html[data-theme="light"] .post-faq-item { background: var(--surface); }