/* ============================================================
   VitrinCar — shared LIGHT theme layer.
   Scope: html.vc-light  →  applies ONLY in light mode, so the
   original dark design is never modified (zero risk to dark).
   Targets the REAL component classes from assets/css/home.css
   (the active homepage index_new.php) + shared card partials.
   Accents (purple/pink/blue/green/gold/red) stay unchanged —
   they read well on both themes. Overlays on photos stay dark.
   Extend per-surface as more pages are covered.
   ============================================================ */

/* ---- palette MOVED ----
   The light palette used to be declared here AND in theme_boot's inline
   <style>, both on `html.vc-light`, with different values (--bg #e7ebf4 vs
   #eef1f8, --text #0b1220 vs #0f172a, --border vs --line). Equal specificity,
   so load order silently decided the winner — that was the main source of the
   light/dark contradictions.

   Both copies are gone. The palette now lives ONLY in assets/css/vc-tokens.css,
   at a specificity that cannot be lost to load order. Do not re-add colour
   variables to this file — only per-component light patches belong here, and
   each one should shrink as its component moves onto --vc-* tokens. */
html.vc-light body{
  background:
    radial-gradient(1400px 700px at 18% -8%,rgba(124,92,255,.10),transparent 60%),
    radial-gradient(1100px 560px at 92% -4%,rgba(61,169,252,.06),transparent 55%),
    var(--bg);
  color:var(--text);
}

/* ---- TOP NAV (home.css .topnav, if rendered) ---- */
html.vc-light .topnav{background:rgba(255,255,255,.82);border-bottom-color:var(--border)}
html.vc-light .nav-link{color:#425069}
html.vc-light .nav-link:hover,html.vc-light .nav-link.is-active{background:rgba(16,32,64,.05);color:#0f1729}
html.vc-light .nav-pill{background:#fff;border-color:var(--border-2);color:#1f2b44}
html.vc-light .nav-pill:hover{background:#f4f6fb}

/* ---- HERO ---- */
html.vc-light .hero{
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(124,92,255,.12),transparent 55%),
    radial-gradient(80% 100% at 0% 100%,rgba(61,169,252,.08),transparent 55%),
    linear-gradient(160deg,#ffffff,#eef1fb);
  border-color:var(--border-2);
  box-shadow:0 30px 60px -30px rgba(16,32,64,.25),0 0 0 1px rgba(16,32,64,.03) inset;
}
html.vc-light .hero-sub{color:var(--muted)}
html.vc-light .trust-ic{background:rgba(124,92,255,.10);color:#6d4dff;border-color:rgba(124,92,255,.22)}
html.vc-light .trust-txt b{color:#0f1729}
html.vc-light .trust-txt span{color:var(--muted)}
html.vc-light .btn-ghost{background:#fff;border-color:var(--border-2);color:#1f2b44}
html.vc-light .btn-ghost:hover{background:#f4f6fb;border-color:var(--p)}
html.vc-light .trustpilot{color:var(--muted)}
html.vc-light .trustpilot b{color:#0f1729}
/* .show slider sits on a photo → keep its dark overlays as-is */

/* ---- FIND PERFECT CAR (filter panel) ---- */
html.vc-light .find{background:var(--panel-glass);border-color:var(--border-2)}
html.vc-light .find-cats{border-top-color:var(--border-2)}
html.vc-light .find-head small{color:var(--muted)}
html.vc-light .find-save{background:#fff;border-color:var(--border-2);color:#1f2b44}
html.vc-light .find-save:hover{background:#f4f6fb}
html.vc-light .find-tab{background:#fff;border-color:var(--border-2);color:#54607a}
html.vc-light .find-tab:hover:not(.is-active){background:#f1f4fb;color:#0f1729}
html.vc-light .find-field label{color:var(--muted)}
html.vc-light .find-field select,
html.vc-light .find-field input{background:#fff;border-color:var(--border-2);color:#0f1729}
html.vc-light .find-field select:focus,
html.vc-light .find-field input:focus{border-color:var(--p);background:#faf9ff}
html.vc-light .find-field select{background-image:linear-gradient(45deg,transparent 50%,#8a93a6 50%),linear-gradient(135deg,#8a93a6 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:7px 7px,7px 7px;background-repeat:no-repeat}
html.vc-light .ax-combo-trigger{background:#fff;border-color:var(--border-2);color:#0f1729}
html.vc-light .ax-combo-trigger:hover{border-color:rgba(124,92,255,.45)}
/* .ax-combo-panel is already white (hardcoded) */

/* ---- STATS ---- */
html.vc-light .stat{background:var(--panel-glass);border-color:var(--border)}
html.vc-light .stat b{color:#0f1729}
html.vc-light .stat span{color:var(--muted)}

/* ---- SECTION HEAD ---- */
html.vc-light .sec-head p{color:var(--muted)}
html.vc-light .sec-link{color:#6d4dff}
html.vc-light .sec-link:hover{color:#5636e0}

/* ---- Featured / basic .card ---- */
html.vc-light .card{background:var(--panel);border-color:var(--border)}
html.vc-light .card-media{background:#e8ecf6}
html.vc-light .card-title{color:#0d1a30}
html.vc-light .card-sub{color:var(--muted)}
html.vc-light .card-bid-row{border-top-color:var(--border)}
html.vc-light .card-bid b{color:var(--muted)}
html.vc-light .card-bid span{color:#0d1a30}
html.vc-light .card-view{background:rgba(124,92,255,.12);color:#6d4dff}
html.vc-light .card-view:hover{background:rgba(124,92,255,.22);color:#4a2ecf}

/* ---- PREMIUM px-card (the vehicle cards) ---- */
html.vc-light .px-card{
  background:#ffffff;
  border-color:var(--border);
  box-shadow:0 14px 34px -18px rgba(16,32,64,.30);
}
html.vc-light .px-card:hover{border-color:rgba(124,92,255,.5);box-shadow:0 22px 46px -18px rgba(124,92,255,.28)}
html.vc-light .px-media{background:#dfe4ef}
/* .px-media::after keeps darkening the photo bottom for badge legibility — fine on a photo */
html.vc-light .px-brand{color:#414f66}
html.vc-light .px-brand .mlogo{background:#eef1f8;border-color:var(--border)}
html.vc-light .px-title{color:#0d1a30}
html.vc-light .px-chip{background:#f1f4fa;border-color:rgba(16,32,64,.14)}
html.vc-light .px-chip-ic{background:rgba(124,92,255,.13);color:#5b34c9}
html.vc-light .px-chip b{color:#0d1a30}
html.vc-light .px-chip span{color:var(--muted)}
html.vc-light .px-mcol small{color:var(--muted)}
html.vc-light .px-mcol b{color:#0d1a30}
html.vc-light .px-mcol b em{color:var(--muted)}
html.vc-light .px-mcol > span{color:var(--faint)}
html.vc-light .px-oldp{color:#8a93a6}
html.vc-light .px-finalp{color:#0d1a30}
html.vc-light .px-bid-block{background:linear-gradient(135deg,rgba(124,92,255,.08),rgba(91,61,240,.03));border-color:rgba(124,92,255,.22)}
html.vc-light .px-bid-row b{color:#0d1a30}
html.vc-light .px-stats{border-top-color:rgba(16,32,64,.14)}
html.vc-light .px-stat{color:var(--muted)}
html.vc-light .px-stat b{color:#0d1a30}
/* .px-badge--dealer + .favorite-chip + .px-war-overlay stay dark (they overlay photos) */

/* ---- horizontal scroller nav ---- */
html.vc-light .scroller-nav{background:#fff;border-color:var(--border-2);color:#54607a}
html.vc-light .scroller-nav:hover{background:rgba(124,92,255,.14);border-color:var(--p);color:#4a2ecf}

/* ---- Auction panel + cards ---- */
html.vc-light .auc-panel{background:linear-gradient(160deg,#ffffff,#eef1fb);border-color:var(--border-2);box-shadow:0 26px 55px -30px rgba(16,32,64,.25)}
html.vc-light .auc-panel-head h2{color:#0f1729}
html.vc-light .auc-arrow{background:#fff;border-color:var(--border-2);color:#54607a}
html.vc-light .auc-arrow:hover{color:#fff}
html.vc-light .auc-card{background:linear-gradient(180deg,#ffffff,#f5f7fc);border-color:var(--border)}
html.vc-light .auc-media{background:#e8ecf6}
html.vc-light .auc-title{color:#0d1a30}
html.vc-light .auc-meta{color:#414f66}
html.vc-light .auc-bid b{color:var(--muted)}
html.vc-light .auc-bid span{color:#0d1a30}

/* ---- Insights panel ---- */
html.vc-light .ins-card{background:var(--panel-glass);border-color:var(--border)}
html.vc-light .ins-card small{color:var(--muted)}
html.vc-light .ins-card h3{color:#0f1729}
html.vc-light .ins-trend b{color:#0f1729}
html.vc-light .make-row b{color:var(--faint)}
html.vc-light .mlogo{background:#f1f4fb;border-color:var(--border)}
html.vc-light .make-row .mname{color:#0d1a30}
html.vc-light .make-row .mbar{background:rgba(16,32,64,.07)}
html.vc-light .make-row .mn{color:#0d1a30}
html.vc-light .loc-row b{color:#0d1a30}
html.vc-light .loc-row .pct{color:var(--muted)}
html.vc-light .de-mapwrap{border-top-color:rgba(16,32,64,.10)}

/* ---- Sell your car (syc) ---- */
html.vc-light .syc{background:radial-gradient(70% 80% at 20% 60%,rgba(124,92,255,.10),transparent 60%),linear-gradient(160deg,#ffffff,#eef1fb);border-color:var(--border-2)}
html.vc-light .syc-left-top h2{color:#0d1a30}
html.vc-light .syc-left-top p{color:#414f66}
html.vc-light .syc-chip{background:#fff;border-color:var(--border-2);color:#0f1729;box-shadow:0 16px 30px rgba(16,32,64,.18)}
html.vc-light .syc-chip small{color:var(--muted)}
html.vc-light .syc-card{background:rgba(255,255,255,.92);border-color:var(--border-2)}
html.vc-light .syc-card--primary{background:radial-gradient(80% 100% at 50% 0%,rgba(124,92,255,.12),transparent 70%),#fff;border-color:rgba(124,92,255,.4)}
html.vc-light .syc-card-ic{background:radial-gradient(circle at 30% 30%,rgba(124,92,255,.18),rgba(124,92,255,.05));color:#6d4dff}
html.vc-light .syc-card h3{color:#0d1a30}
html.vc-light .syc-card h3 small{color:var(--muted)}
html.vc-light .syc-bullets li{color:#2a3852}
html.vc-light .syc-trust-item{background:#fff;border-color:var(--border-2)}
html.vc-light .syc-trust-ic{background:rgba(124,92,255,.10);color:#6d4dff;border-color:rgba(124,92,255,.22)}
html.vc-light .syc-trust-text b{color:#0d1a30}
html.vc-light .syc-trust-text span{color:var(--muted)}
html.vc-light .syc-card--ghost .syc-cta{color:#6d4dff;border-color:rgba(124,92,255,.4)}

/* ---- Ads section ---- */
html.vc-light .ads-wrap{background:linear-gradient(160deg,#ffffff,#eef1fb);border-color:var(--border-2)}
html.vc-light .ads-head h2{color:#0f1729}
html.vc-light .ads-card{background:#fff;border-color:var(--border-2)}
html.vc-light .ads-eyebrow{background:#f1f4fb;border-color:var(--border-2);color:#54607a}
html.vc-light .ads-text h3{color:#0d1a30}
html.vc-light .ads-text p{color:var(--muted)}
html.vc-light .ads-bullets li{color:#2a3852}
html.vc-light .ads-chip{background:#f1f4fb;border-color:var(--border-2);color:#54607a}
/* .ads-visual is a photo */

/* ---- Live map (mh) ---- */
html.vc-light .mh{background:radial-gradient(120% 80% at 100% 0%,rgba(124,92,255,.12),transparent 55%),radial-gradient(80% 100% at 0% 100%,rgba(61,169,252,.08),transparent 55%),linear-gradient(160deg,#ffffff,#eef1fb);border-color:var(--border-2)}
html.vc-light .mh-head h3{color:#0f1729}
html.vc-light .mh-col p{color:var(--muted)}
html.vc-light .mh-bullets li{color:#2a3852}
html.vc-light .mh-visual{background:linear-gradient(160deg,#eef1f8,#e6e9f5);border-color:var(--border-2)}
html.vc-light .mh-feat{background:#fff;border-color:var(--border-2)}
html.vc-light .mh-feat span{color:#2a3852}
html.vc-light .mh-btn--ghost{background:#fff;border-color:var(--border-2);color:#1f2b44}

/* ---- Category tiles ---- */
html.vc-light .cat{background:var(--panel);border-color:var(--border)}
html.vc-light .cat-ic{background:rgba(124,92,255,.10);color:#6d4dff;border-color:rgba(124,92,255,.22)}
html.vc-light .cat-img{background:linear-gradient(135deg,#eef1f8,#e6e9f5);border-color:var(--border-2)}
html.vc-light .cat b{color:#0d1a30}
html.vc-light .cat span{color:var(--muted)}

/* ---- Sell banner + newsletter ---- */
html.vc-light .sell{background:radial-gradient(80% 140% at 100% 0%,rgba(124,92,255,.14),transparent 60%),linear-gradient(135deg,#ffffff,#eef1fb);border-color:var(--border-2)}
html.vc-light .sell h3{color:#0d1a30}
html.vc-light .sell p{color:var(--muted)}
html.vc-light .sell ul{color:#2a3852}
html.vc-light .newsletter{background:var(--panel-glass);border-color:var(--border-2)}
html.vc-light .newsletter h3{color:#0d1a30}
html.vc-light .newsletter p{color:var(--muted)}
html.vc-light .newsletter input{background:#fff;border-color:var(--border-2);color:#0f1729}

/* ---- Footer ---- */
html.vc-light .footer{color:#414f66}
html.vc-light .footer-line{border-top-color:var(--border)}
html.vc-light .footer a{color:#4a2ecf}

/* ---- AI Search banner (nas-*, inline dark banner) ---- */
html.vc-light .nas-banner{background:radial-gradient(120% 140% at 0% 0%,rgba(124,58,237,.10),transparent 55%),linear-gradient(180deg,#ffffff,#f2f4fc);border-color:rgba(139,92,246,.28)}
html.vc-light .nas-h{color:#0f1729}
html.vc-light .nas-sub{color:#414f66}
html.vc-light .nas-chip{background:#fff;border-color:rgba(139,92,246,.22);color:#2a3852}
html.vc-light .nas-chip:hover{color:#4a2ecf}
html.vc-light .nas-app{background:#f7f8fd;border-color:rgba(139,92,246,.20)}
html.vc-light .nas-bcard{background:#fff;border-color:var(--border)}
html.vc-light .nas-bname{color:#0d1a30}
html.vc-light .nas-bmeta{color:#414f66}
html.vc-light .nas-btn--ghost{background:#fff;border-color:rgba(139,92,246,.35);color:#4a2ecf}
html.vc-light .nas-map{background:#eef1f8}
html.vc-light .nas-fpill{background:#fff;border-color:var(--border);color:#2a3852}

/* ---- AIPI (also activated via body[data-theme=light]; this is a belt-and-braces fallback) ---- */
html.vc-light .aipi-card{background:rgba(16,32,64,.03)}
html.vc-light .aipi-label,html.vc-light .aipi-range,html.vc-light .aipi-gauge-label{color:#5b677d}
html.vc-light .aipi-price,html.vc-light .aipi-gauge-pct{color:#0e1d37}

/* ============================================================
   POLISH PASS 1 — fixes from owner review of the light homepage
   ============================================================ */

/* [FIX] Search heading "Millions of vehicles…" — a later .ss-title{color:#fff}
   (the Save-Search modal title) leaks onto the search heading via source order.
   Force the section heading dark; it sits on the light page. */
html.vc-light .simple-search .ss-title{color:#0d1a30 !important}
html.vc-light .ss-hint,html.vc-light .ss-input::placeholder{color:#55617a !important} /* was #8894ab = 3.06:1 on the white pill */

/* [FIX] Language pill "checkerboard": the globe background-image was tiling in
   light. Force a single, left-aligned globe on a solid light pill + dark text. */
html.vc-light .mpnav-lang,
html.vc-light select.nav-lang,
html.vc-light .nav-lang-pill{
  background-repeat:no-repeat !important;
  background-position:12px center !important;
  background-size:16px 16px !important;
  background-color:#ffffff !important;
  color:#0e1729 !important;
  border-color:rgba(20,30,55,.12) !important;
}
[dir="rtl"] html.vc-light .mpnav-lang{background-position:calc(100% - 12px) center !important}
html.vc-light .mpnav-lang option,
html.vc-light select.nav-lang option{background:#fff;color:#0e1729}

/* Stronger contrast for the faint ghost buttons/badges the owner flagged
   (nas "NEUE FUNKTION", "Alle Dienste anzeigen", live-map feature cards). */
html.vc-light .nas-badge{background:rgba(124,58,237,.10);border-color:rgba(139,92,246,.40);color:#5b34c9}
html.vc-light .nas-viewall{background:rgba(124,58,237,.10);border-color:rgba(139,92,246,.40);color:#5b34c9}
html.vc-light .nas-viewall:hover{background:rgba(124,58,237,.18);color:#4a2ecf}
html.vc-light .nas-open{color:#15803d;background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.35)}
html.vc-light .nas-brate{color:#b7791f}
html.vc-light .nas-tgl{color:#2a3852}
html.vc-light .mh-feat-ic{background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(91,61,240,.07));color:#6d4dff;border-color:rgba(124,92,255,.22)}
html.vc-light .mh-live{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.35);color:#15803d}

/* ============================================================
   FOOTER (inc/marketplace_footer.php — .mp-footer-*, fully dark-hardcoded).
   Owner wants the top nav + bottom footer on THIS palette, then left alone.
   ============================================================ */
html.vc-light .mp-footer{background:linear-gradient(180deg,#f4f6fb,#eaeef8);border-top:1px solid var(--border)}
html.vc-light .mp-footer-banner h3{color:#0d1a30}
html.vc-light .mp-footer-banner p{color:#414f66}
html.vc-light .mp-footer-logo{color:#0d1a30}
html.vc-light .mp-footer-logo-dot svg{color:#fff}
html.vc-light .mp-footer-logo-text{background:linear-gradient(135deg,#0f172a 0%,#3a4a6b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.vc-light .mp-footer-tagline{color:#414f66}
html.vc-light .mp-footer-stats{background:rgba(16,32,64,.03);border-color:var(--border)}
html.vc-light .mp-footer-stat strong{background:linear-gradient(135deg,#0f172a 0%,#3a4a6b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.vc-light .mp-footer-stat small{color:#64748b}
html.vc-light .mp-footer-award-text small{color:#64748b}
html.vc-light .mp-footer-award-text strong{color:#0d1a30}
html.vc-light .mp-footer-col h4{color:#64748b}
html.vc-light .mp-footer-col a{color:#2a3852}
html.vc-light .mp-footer-col a:hover{color:#0f172a}
html.vc-light .mp-footer-news h4{color:#64748b}
html.vc-light .mp-footer-news p{color:#414f66}
html.vc-light .mp-footer-news-input,
html.vc-light .mp-footer-news input{background:#fff;border-color:var(--border-2);color:#0f172a}
html.vc-light .mp-footer-social a{background:#fff;border-color:var(--border);color:#2a3852}
html.vc-light .mp-footer-social a:hover{color:#fff}
html.vc-light .mp-footer-legal a{color:#64748b}
html.vc-light .mp-footer-legal a:hover{color:#0f172a}
html.vc-light .mp-footer-bottom,
html.vc-light .mp-footer-bottom-inner{border-top-color:var(--border);color:#64748b}
html.vc-light .mp-footer-copyright,
html.vc-light .mp-footer-bottom p{color:#64748b}
html.vc-light .mp-footer-divider{background:var(--border)}

/* ============================================================
   SHOWROOM / DEALER PANEL (tapcar/showroom_layout.php — 89 pages).
   Shell is inline-dark; html.vc-light wins by specificity. Plus a
   content safety-net so per-page bodies aren't dark-on-light.
   ============================================================ */
/* page + main wrappers */
html.vc-light .dashboard-layout,
html.vc-light .dashboard-main,
html.vc-light .dashboard-content{background:transparent}
html.vc-light body{background:#eef1f8}

/* sidebar */
html.vc-light .vc-sidebar{background:#ffffff;border-color:var(--border) !important}
html.vc-light .vc-sidebar-brand{border-bottom-color:var(--border)}
html.vc-light .vc-sidebar-brand-name{color:#0d1a30}
html.vc-light .vc-sidebar-brand-sub{color:#64748b}
html.vc-light .vc-sidebar-user{background:rgba(16,32,64,.03);border-color:var(--border)}
html.vc-light .vc-sidebar-user-name{color:#0d1a30}
html.vc-light .vc-sidebar-user-meta{color:#64748b}
html.vc-light .vc-sidebar-link{color:#2a3852}
html.vc-light .vc-sidebar-link:hover{background:rgba(16,32,64,.05);color:#0f172a}
html.vc-light .vc-sidebar-link.is-active,
html.vc-light .vc-sidebar-link.active{background:rgba(124,92,255,.12);color:#5b34c9}
html.vc-light .vc-sidebar-section{color:#5a6884}
html.vc-light .vc-sidebar-spacer{border-top-color:var(--border)}
html.vc-light .vc-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(16,32,64,.14)}

/* topbar (desktop + mobile) */
html.vc-light .dashboard-topbar,
html.vc-light .vc-topbar{background:rgba(255,255,255,.88);border-bottom-color:var(--border);backdrop-filter:blur(12px)}
html.vc-light .topbar-title,
html.vc-light .topbar-title-block strong,
html.vc-light .topbar-title-block h1{color:#0f172a}
html.vc-light .topbar-title-block small,
html.vc-light .topbar-title-block span{color:#64748b}
html.vc-light .topbar-chip{background:#fff;border-color:var(--border-2);color:#0f172a}
html.vc-light .topbar-chip:hover{background:#f4f6fb}
html.vc-light .topbar-chip svg{color:#414f66}
html.vc-light .topbar-chip select option{color:#0e1830;background:#fff}
html.vc-light .topbar-bell{background:#fff;border-color:var(--border-2);color:#2a3852}
html.vc-light .topbar-bell:hover{background:#f4f6fb}
html.vc-light .topbar-user-avatar{border-color:var(--border)}
html.vc-light .topbar-user-text strong,
html.vc-light .topbar-user-name{color:#0f172a}
html.vc-light .topbar-user-text small,
html.vc-light .topbar-user-meta{color:#64748b}
html.vc-light .topbar-user-menu{background:#fff;border-color:var(--border);box-shadow:0 24px 60px -24px rgba(16,32,64,.30)}
html.vc-light .topbar-user-menu-section{border-color:var(--border);color:#64748b}
html.vc-light .vc-drawer{background:#fff}
html.vc-light .vc-drawer-backdrop{background:rgba(16,32,64,.35)}

/* shared status badges (tapcar.css) already tinted — keep, just darken text a touch */
html.vc-light .badge.active{color:#0f7a52}
html.vc-light .badge.sold{color:#c0334b}
html.vc-light .badge.draft{color:#a76a12}
html.vc-light .badge.inactive{color:#556074}

/* content safety-net: generic panels/cards/inputs/tables used by many pages */
html.vc-light .dashboard-content .card,
html.vc-light .dashboard-content .panel,
html.vc-light .dashboard-content .box,
html.vc-light .dashboard-content .tc-card,
html.vc-light .dashboard-content .sr-card,
html.vc-light .dashboard-content .surface,
html.vc-light .dashboard-content section.card{
  background:#ffffff;border-color:var(--border);color:#0f172a;
}
html.vc-light .dashboard-content input:not([type=checkbox]):not([type=radio]):not([type=range]),
html.vc-light .dashboard-content select,
html.vc-light .dashboard-content textarea{
  background:#ffffff;border-color:var(--border-2);color:#0f172a;
}
html.vc-light .dashboard-content input::placeholder,
html.vc-light .dashboard-content textarea::placeholder{color:#8894ab}
html.vc-light .dashboard-content table{color:#1f2b44}
html.vc-light .dashboard-content thead th{color:#475569;border-bottom-color:var(--border)}
html.vc-light .dashboard-content td,
html.vc-light .dashboard-content th{border-color:var(--border)}
html.vc-light .dashboard-content h1,
html.vc-light .dashboard-content h2,
html.vc-light .dashboard-content h3,
html.vc-light .dashboard-content h4{color:#0d1a30}
html.vc-light .dashboard-content hr{border-color:var(--border)}

/* ============================================================
   PUBLIC PAGES — additional variable systems + a few hardcoded spots.
   (auctions/dealers already use --panel/--border/--text/--muted, flipped
   by the core block above. These add the differently-named systems.)
   ============================================================ */
/* Auto-Services finder (business/auto-services.php — --ah-* palette) */
html.vc-light{
  --ah-bg:#eef1f8;--ah-card:#ffffff;--ah-card2:#f4f6fb;
  --ah-line:rgba(16,32,64,.10);--ah-line2:#dbe2ec;
  --ah-txt:#0f172a;--ah-mut:#414f66;
  /* vc_mega_nav / dealer pages shared soft border */
  --border-soft:rgba(16,32,64,.10);
}
html.vc-light .ah-badge{background:rgba(124,58,237,.10);border-color:rgba(139,92,246,.35);color:#5b34c9}

/* auctions.php hardcoded spots not covered by vars */
html.vc-light .dcontact-row{color:#475569}
html.vc-light .aufx-chip{background:rgba(16,32,64,.05);color:#2a3852}
html.vc-light .au-btn-ghost{border-color:var(--border-2)}
html.vc-light .au-btn-ghost:hover{border-color:rgba(124,92,255,.4)}

/* shared dealer/vehicle cards used across dealer-* + auctions (.vd-*) — text safety */
html.vc-light .vd-stat-tx b,html.vc-light .vd-card h3,html.vc-light .au-title{color:#0d1a30}
html.vc-light .vd-stat-tx span{color:#414f66}

/* ============================================================
   HOMEPAGE MOBILE (<=768px) — inline dark-hardcoded sections use
   !important, so light overrides need !important too. html.vc-light
   scope keeps dark untouched. (Mobile-only classes are display:none
   on desktop, so applying at all widths is harmless.)
   ============================================================ */
/* Sell-your-car mobile hero */
html.vc-light .sell-mob{background:radial-gradient(130% 95% at 82% 0%,rgba(124,92,255,.10),transparent 58%),#ffffff !important;border:1px solid var(--border) !important}
html.vc-light .sell-mob-l h3,html.vc-light .sell-mob-l h3 span{color:#0d1a30 !important}
html.vc-light .sell-mob-l p{color:#414f66 !important}
html.vc-light .sell-bubble{background:#ffffff !important;border:1px solid var(--border) !important;box-shadow:0 10px 24px rgba(16,32,64,.18) !important}
html.vc-light .sell-bubble span{color:#0d1a30 !important}
html.vc-light .sell-bubble span small{color:#414f66 !important}
html.vc-light .sell-ms{background:#ffffff !important;border:1px solid var(--border) !important}
html.vc-light .sell-ms .ic{background:rgba(124,92,255,.10) !important;color:#6d4dff !important}
html.vc-light .sell-ms-tx b{color:#0d1a30 !important}
html.vc-light .sell-ms-tx small{color:#414f66 !important}
/* Sell-option cards */
html.vc-light .sellopt .so-card{background:#ffffff !important;border:1px solid var(--border) !important}
html.vc-light .sellopt .so-card--primary{background:radial-gradient(120% 80% at 85% 0%,rgba(124,92,255,.08),transparent 55%),#ffffff !important}
html.vc-light .sellopt .so-card .so-txt b{color:#0d1a30 !important}
html.vc-light .sellopt .so-card .so-txt p{color:#414f66 !important}
html.vc-light .sellopt .so-card .so-ic{background:rgba(124,92,255,.10) !important;color:#6d4dff !important}
html.vc-light .sellopt .so-card .so-list{border-left-color:var(--border) !important}
html.vc-light .sellopt .so-card .so-list li{color:#2a3852 !important}
/* AI Search mobile (nas-mob / nm-*) */
html.vc-light .nm-title{color:#0d1a30 !important}
html.vc-light .nm-sub{color:#414f66 !important}
html.vc-light .nm-search-wrap{background:#ffffff !important;border:1px solid var(--border-2) !important}
html.vc-light .nm-search-ph,html.vc-light .nm-search-ic{color:#8894ab !important}
html.vc-light .nm-chip{background:#ffffff !important;border:1px solid var(--border-2) !important;color:#2a3852 !important}
html.vc-light .nm-chip--on{background:rgba(124,58,237,.12) !important;border-color:rgba(139,92,246,.45) !important;color:#5b34c9 !important}
html.vc-light .nm-map{background:#eef1f8 !important;border:1px solid var(--border-2) !important}
html.vc-light .nm-map-loc{background:rgba(255,255,255,.9) !important;border:1px solid var(--border) !important;color:#0d1a30 !important}
html.vc-light .nm-card{background:#ffffff !important;border:1px solid var(--border) !important}
html.vc-light .nm-card-name{color:#0d1a30 !important}
html.vc-light .nm-card-cat{color:#414f66 !important}
html.vc-light .nm-card-rate{color:#2a3852 !important}
html.vc-light .nm-act{background:#ffffff !important;border:1px solid var(--border-2) !important;color:#5b34c9 !important}


/* ============================================================
   vc-dark-chrome-in-light  (owner 2026-07-26, light mode / "وایت")
   Keep the FOOTER and the live-map VISUAL dark in light mode, to
   match the always-dark top nav. Appended last so these win over
   the light footer/map rules earlier in this file. (Top-nav + the
   "Sell your car" heading fix live in marketplace/index_new.php.)
   ============================================================ */
html.vc-light .mp-footer{background:radial-gradient(circle at 0% 0%, rgba(124,92,255,.18), transparent 45%),radial-gradient(circle at 100% 0%, rgba(255,122,89,.10), transparent 50%),radial-gradient(circle at 50% 100%, rgba(91,140,255,.12), transparent 60%),linear-gradient(180deg,#050b1a 0%,#03070f 100%);border-top:1px solid rgba(255,255,255,.06)}
html.vc-light .mp-footer-banner h3{color:#fff}
html.vc-light .mp-footer-banner p{color:#a3b1cc}
html.vc-light .mp-footer-logo{color:#fff}
html.vc-light .mp-footer-logo-text{background:linear-gradient(135deg,#ffffff 0%,#d4dcf5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.vc-light .mp-footer-tagline{color:#a3b1cc}
html.vc-light .mp-footer-stats{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}
html.vc-light .mp-footer-stat strong{background:linear-gradient(135deg,#ffffff 0%,#c4d2f0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html.vc-light .mp-footer-stat small{color:#8796b5}
html.vc-light .mp-footer-award-text small{color:#8796b5}
html.vc-light .mp-footer-award-text strong{color:#fff}
html.vc-light .mp-footer-col h4{color:#8796b5}
html.vc-light .mp-footer-col a{color:#cbd5e8}
html.vc-light .mp-footer-col a:hover{color:#fff}
html.vc-light .mp-footer-news h4{color:#8796b5}
html.vc-light .mp-footer-news p{color:#a3b1cc}
html.vc-light .mp-footer-news input{background:transparent;border-color:rgba(255,255,255,.10);color:#fff}
html.vc-light .mp-footer-news input::placeholder{color:#6b7896}
html.vc-light .mp-footer-social a{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.10);color:#cbd5e8}
html.vc-light .mp-footer-social a:hover{color:#fff;border-color:rgba(124,92,255,.40)}
html.vc-light .mp-footer-legal a{color:#8796b5}
html.vc-light .mp-footer-legal a:hover{color:#fff}
html.vc-light .mp-footer-bottom-inner{border-top-color:rgba(255,255,255,.08);color:#8796b5}
html.vc-light .mp-footer-bottom p{color:#8796b5}
html.vc-light .mp-footer-divider{background:rgba(255,255,255,.08)}
/* live-map: keep the map VISUAL dark so its white streets + pins are visible */
html.vc-light .mh-visual{background:linear-gradient(160deg,#0c1424,#070c17);border-color:rgba(255,255,255,.10)}
html.vc-light .de-mapwrap{border-top-color:rgba(255,255,255,.08)}


/* ---- ah-* Auto-Services: hardcoded light colors that didn't flip with --ah-* (owner 2026-07-26) ---- */
html.vc-light .ah-h1{color:#f4f7fd}                 /* hero eyebrow ("In der Nähe finden") stays light on the dark hero */
html.vc-light .ah-cat{color:#2a3852}                /* filter chips: dark text on the white chip */
html.vc-light .ah-cat svg{color:#7c3aed}
html.vc-light .ah-cat--all{color:#ffffff}           /* keep the active "all" chip white on its gradient */
html.vc-light .ah-fcard-tag{background:rgba(16,32,64,.05);color:#2a3852}
html.vc-light .ah-mini{background:rgba(16,32,64,.04);color:#2a3852}
html.vc-light .ah-viewall{color:#2a3852}


/* ---- Car detail page (car/index.php) surface/text vars — flip to light (owner 2026-07-27) ---- */
html.vc-light{
  --bg-3:#e9edf6;
  --surface:#ffffff; --surface-2:#f4f6fb; --surface-3:#eef1f8;
  --border-soft:rgba(16,32,64,.12);
  --text-dim:#41506b; --text-mute:#66748f;
  --shadow-card:0 14px 34px -16px rgba(16,32,64,.26),0 0 0 1px rgba(16,32,64,.05) inset;
}


/* ---- Car detail (car/index.php) light pass 1 — plain content panels (owner 2026-07-27) ---- */
html.vc-light .cv2-ov-cell,
html.vc-light .cv2-ai-cell,
html.vc-light .cv2-ai-fc-wrap,
html.vc-light .cv2-similar-list,
html.vc-light .cv2-ph-mini,
html.vc-light .cv2-ph-block,
html.vc-light .cv2-co2-card,
html.vc-light .cv2-fc-total-cell,
html.vc-light .cv2-td-block,
html.vc-light .cv2-td-dealer,
html.vc-light .cv2-protect-card,
html.vc-light .cv2-mscore,
html.vc-light .cv2-chip{background:#f4f6fb;border-color:rgba(16,32,64,.10)}
html.vc-light .cv2-tabs-row{background:rgba(16,32,64,.045);border-color:rgba(16,32,64,.10)}
html.vc-light .cv2-chip-title{color:#0f172a}


/* ---- Car detail light pass 2 — main card shells + stat cells + verify box (owner 2026-07-27) ---- */
html.vc-light .cv2-card{background:linear-gradient(180deg,#ffffff,#f7f9fd);border-color:rgba(16,32,64,.12)}
html.vc-light .cv2-stat{background:#f4f6fb;border-color:rgba(16,32,64,.10)}
html.vc-light .cv2-summary-card,html.vc-light .cv2-dealer-card{background:linear-gradient(180deg,#ffffff,#f7f9fd);border-color:rgba(16,32,64,.12)}
html.vc-light .vd-detailbox__head{color:#0f172a}
html.vc-light .vd-detailbox,html.vc-light .vd-detailbox__sub{color:#41506b}


/* ---- Car detail light pass 3 — KI-Preisprognose (aipp-*) accent card to light (owner 2026-07-27) ---- */
html.vc-light .aipp-card{background:linear-gradient(160deg,#f5f3ff,#eef1fb);border-color:rgba(124,92,255,.22)}
html.vc-light .aipp-card,
html.vc-light .aipp-head,
html.vc-light .aipp-metrics,
html.vc-light .aipp-m,
html.vc-light .aipp-m-val,
html.vc-light .aipp-rec-row,
html.vc-light .aipp-rec-block,
html.vc-light .aipp-rec-text,
html.vc-light .aipp-chart,
html.vc-light .aipp-chart-prices,
html.vc-light .aipp-pt-lbl{color:#0f172a}
html.vc-light .aipp-info,
html.vc-light .aipp-m-lbl{color:#5a6884}
html.vc-light .aipp-rec-warn{color:#b45309}


/* ---- Car detail light pass 4 — WCAG contrast-audit fixes (owner 2026-07-27, measured not guessed) ---- */
/* invisible light-on-light text */
html.vc-light .cv2-chip-sub{color:#5a6884}
html.vc-light .aipp-pt-lbl{color:#0f172a !important}
html.vc-light .vd-detailbox p,html.vc-light .vd-detailbox__sub{color:#41506b}
/* dealer map keeps its dark map bg -> force its label/button text light */
html.vc-light .cv2-dealer-map-btn{color:#ffffff}
/* accent colours too pale on white -> darker, same hue */
html.vc-light .cv2-mscore-status{color:#15803d}
html.vc-light .aipp-change.is-stable,html.vc-light .aipp-m-val.aipp-change.is-stable{color:#b45309 !important}
html.vc-light .cv2-ai-cell-val{color:#b45309}
html.vc-light .cv2-dealer-bullet{color:#0f766e}
html.vc-light .cv2-stars{color:#d97706}
html.vc-light .cv2-protect-act{color:#0e7490}
html.vc-light .cv2-badge--purple{color:#6d28d9;background:rgba(124,92,255,.10);border-color:rgba(124,92,255,.35)}
html.vc-light .cv2-finance-mini-link{color:#6d28d9}
html.vc-light .hot-pill{background:#7c3aed;color:#fff}

html.vc-light .cv2-ai-cell-val{color:#a16207 !important}
html.vc-light .cv2-protect-act{color:#0e7490 !important}


/* ---- Auctions (auctions.php) light pass — WCAG contrast (owner 2026-07-27) ---- */
html.vc-light .au-h1{background:linear-gradient(120deg,#1e2b52,#6d28d9);-webkit-background-clip:text;background-clip:text}
html.vc-light .au-tag{color:#6d28d9;background:rgba(124,92,255,.12);border-color:rgba(124,92,255,.30)}
html.vc-light .au-tabs a{color:#41506b}
html.vc-light .au-tabs a.active{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#ffffff}
html.vc-light .au-tabs a.active .cnt{color:#ffffff}
html.vc-light .au-safety-links a{color:#6d28d9}

/* ============================================================
   RENDERED-AUDIT FIXES (2026-08-06) — every rule below maps to a measured
   WCAG failure from the Playwright contrast audit (scratchpad/audit).
   Accent-tinted text that reads fine on dark falls to 1.4-3.6:1 on light;
   each gets a darker accent chosen to clear 4.5:1 on its light surface.
   ============================================================ */
html.vc-light .px-loc{color:#5b34c9}                    /* 2.72 -> 6.3 */
html.vc-light .px-oldp{color:#5a6884}                   /* 3.09 -> 5.6 */
html.vc-light .px-war,html.vc-light .px-war b{color:#15803d}  /* 2.28 */
html.vc-light .nas-brate{color:#8a5a00}                 /* 3.64 */
html.vc-light .hero-pill--accent{color:#4338ca}         /* 2.92 */
html.vc-light .aipi-compare-item-value.low{color:#15803d}   /* 1.64 */
html.vc-light .aipi-compare-item-value.avg{color:#5b34c9}   /* 2.52 */
html.vc-light .aipi-compare-item-value.high{color:#b91c1c}  /* 2.72 */
html.vc-light .vc-seller.is-dealer{color:#5b34c9}       /* 1.41 */
html.vc-light .vc-seller.is-private{color:#1d4ed8}      /* 1.46 */
html.vc-light .vc-war{color:#0f7a4a}                    /* 1.76 */
html.vc-light .ms-pill.ms-high{color:#92600a}           /* 1.56 */
html.vc-light .ms-pill.ms-good{color:#0f7a4a}           /* 1.75 */
html.vc-light .ms-pill.ms-great{color:#0f7a4a}          /* 1.76 */
html.vc-light .ms-pill.ms-auc{color:#6d28d9}            /* 1.78 */
html.vc-light .fl-reset{color:#5b34c9}                  /* 1.56 */
html.vc-light .fl-clear{color:#5b34c9}                  /* 4.27 */
html.vc-light .dl-vtoggle a.on{color:#4a2ecf;background:rgba(124,92,255,.22)}  /* 1.40 */
html.vc-light .bd-plan-btn{color:#5b34c9}               /* 1.73 */

/* round 2 (rendered audit, residuals) */
html.vc-light .ah-sec-h a{color:#5b34c9}                 /* 2.41 */
html.vc-light .ah-ic,html.vc-light .ah-cat svg{color:#5b34c9}
html.vc-light .res-count b{color:#5b34c9}                /* 3.84 */
html.vc-light .vc-rate b,html.vc-light .vc-rating b{color:#92600a}  /* 1.67 amber */
html.vc-light .nas-open{color:#0f6b33;background:rgba(34,197,94,.12)}  /* 4.45 */
/* TÜV chip: inline literals win over classes, so target the label hook +
   the inline-styled value colours via attribute-scoped overrides */
html.vc-light .vc-tuv-lbl{color:#55617a!important}
html.vc-light [style*="color:#16a34a"]{color:#0f6b33!important}
html.vc-light [style*="color:#ef4444"]{color:#b91c1c!important}
html.vc-light [style*="color:#94a3b8"]{color:#55617a!important}
html.vc-light [style*="color:#9aa3b8"]{color:#55617a!important}
html.vc-light .aipi-powered,html.vc-light .aipi-powered span{color:#5b34c9}  /* 2.05 */
html.vc-light .cv2rec-head-all{color:#5b34c9}  /* #a78bfa = 2.4:1 on light */

/* Car detail section tabs (owner 2026-08-06: dark glass band looked broken on
   light). The dark gradient stays for dark mode; light gets a white glass bar. */
html.vc-light .cv2-section-tabs{background:rgba(255,255,255,.92);border-color:rgba(16,32,64,.10);box-shadow:0 12px 28px -20px rgba(16,32,64,.45)}
html.vc-light .cv2-section-tabs a{color:#3a4664}
html.vc-light .cv2-section-tabs a:hover{background:rgba(124,92,255,.08);color:#241a5e}
html.vc-light .cv2-section-tabs a.active{background:linear-gradient(135deg,#6d4df0,#5b34c9);color:#fff;box-shadow:0 6px 14px -4px rgba(91,52,201,.45)}

/* Tyre Condition (owner 2026-08-08: white mode colours). The dark design uses
   white-alpha SVG fills + light-300 status greens that vanish on light bg. */
html.vc-light .cv2-tyrec-card{background:#f4f6fb;border-color:rgba(16,32,64,.10)}
html.vc-light .cv2-tyrec-status.is-good{color:#15803d}
html.vc-light .cv2-tyrec-status.is-fair{color:#b45309}
html.vc-light .cv2-tyrec-status.is-low{color:#b91c1c}
html.vc-light .cv2-tyrec-bar{background:rgba(16,32,64,.12)}
html.vc-light .cv2-tyrec-bar span{background:linear-gradient(90deg,#059669,#10b981)}
html.vc-light .cv2-tyrec-bodyrect{fill:rgba(16,32,64,.04);stroke:rgba(16,32,64,.30)}
html.vc-light .cv2-tyrec-glass{fill:rgba(109,40,217,.20)}
html.vc-light .cv2-tyrec-cabin{fill:rgba(16,32,64,.06)}
html.vc-light .cv2-tyrec-wheel{fill:#059669}
html.vc-light .cv2-tyrec-wheel[data-low="1"]{fill:#d97706}
html.vc-light .cv2-tyrec-wheel[data-low="2"]{fill:#dc2626}

/* Leave-a-Review modal (owner 2026-08-08: white mode). Shared sp-* classes —
   car detail + showroom-page + dealer-showroom + dealer-reviews all lift the
   same CSS, so this one block fixes the modal everywhere. Dark hardcodes:
   white-alpha stars, #fff strong, #dfe9ff button text, #93c5fd login link. */
html.vc-light .sp-review-scrim{background:rgba(16,32,64,.38)}
/* Every fullscreen modal backdrop that used the OPAQUE --vc-surface token
   (17 found by sweep, owner 2026-08-13: "popups open like a new page") is now
   rgba(5,10,26,.62) in the base CSS; light mode gets the lighter wash. */
html.vc-light .pf-modal,
html.vc-light .cv2-impmodal,
html.vc-light .cv2-modal-backdrop,
html.vc-light .cv2-td-modal,
html.vc-light .cv2br-overlay,
html.vc-light .cv2bfh-overlay,
html.vc-light .cv2cal-overlay,
html.vc-light .aips-modal-backdrop,
html.vc-light .mc-lockmodal-overlay,
html.vc-light .vctd-modal,
html.vc-light .ss-overlay,
html.vc-light .mbd-overlay,
html.vc-light .mb-del-overlay,
html.vc-light .mbr-overlay,
html.vc-light #apPvOv,
html.vc-light .eibm-modal,
html.vc-light #ldChatOverlay{background:rgba(16,32,64,.38)}
html.vc-light .sp-review-sheet{color:#3b4664;box-shadow:0 30px 80px rgba(16,32,64,.28)}
html.vc-light .sp-review-close{color:#3b4664}
html.vc-light .sp-review-star svg{color:rgba(16,32,64,.20)}
html.vc-light .sp-review-star.on svg{color:#f59e0b}
html.vc-light .sp-review-star:hover{background:rgba(245,158,11,.12)}
html.vc-light .sp-review-info{background:rgba(124,92,255,.08);border-color:rgba(124,92,255,.22)}
html.vc-light .sp-review-info strong{color:#3730a3}
html.vc-light .sp-review-info-ico{background:rgba(124,92,255,.14);color:#6d28d9}
html.vc-light .sp-chip.active{background:rgba(124,92,255,.14);border-color:rgba(124,92,255,.45);color:#5b34c9}
html.vc-light .sp-foot-login{color:#1d4ed8}
html.vc-light .sp-foot-verified .verified-pill{background:rgba(34,197,94,.14);color:#15803d}
html.vc-light .sp-btn-cancel{color:#3b4664}
html.vc-light .sp-btn-cancel:hover{background:rgba(16,32,64,.08)}
html.vc-light .sp-btn-submit:disabled{background:#dcd7f2;color:#8d87b8;box-shadow:none;opacity:1;filter:none}
html.vc-light .sp-flash-toast{box-shadow:0 16px 40px rgba(16,32,64,.25)}

/* car detail residuals (rendered audit round 3) */
html.vc-light .cv2-dealer-map-btn{color:#0b1220;background:rgba(255,255,255,.94);border-color:rgba(16,32,64,.22)}  /* 1.00 white-on-white */
html.vc-light .cv2-ai-cell-sub.green{color:#15803d}   /* 1.30 */
html.vc-light .cv2-badge--blue{color:#1d4ed8}
html.vc-light .cv2rec-deal--good{color:#1d4ed8}       /* 1.61 */
html.vc-light .cv2rec-act{color:#5b34c9}              /* 2.33 */
html.vc-light .cv2rec-card:hover .cv2rec-act{color:#4a2ecf}
html.vc-light .cv2-protect-act,html.vc-light .cv2-protect-card .cv2-protect-act{color:#5b34c9}
/* showroom login (owner 2026-08-06): hero gradient word + light chrome */
html.vc-light .hl-h1 .g{background:linear-gradient(90deg,#5b34c9,#7c3aed);-webkit-background-clip:text;background-clip:text}
/* login hero (light): the dark-mode scrim fades out mid-panel, letting dark
   text run onto the dark car photo. Light mode gets a light wash that covers
   the whole text column before fading. */
html.vc-light .hl-main::before{background:linear-gradient(90deg,rgba(240,238,252,.94) 0%,rgba(238,233,252,.88) 34%,rgba(240,241,250,.55) 52%,var(--bg) 70%),url('/images/dealer-login-car.webp') left center/cover no-repeat}
html.vc-light .hl-main::after{background:radial-gradient(circle at 26% 46%,rgba(124,58,237,.14),transparent 52%)}

/* ============================================================
   NAV FOLLOWS THE THEME (owner 2026-08-06: «بالاش حالت تاریکه، درستش کن» —
   reverses the 2026-07-26 always-dark-nav decision for light mode).
   Rules recovered from the original light nav design (commit 37235e4).
   ============================================================ */
html.vc-light .mpnav{background:rgba(255,255,255,.85);border-bottom-color:rgba(20,30,55,.08);color:#0e1729}
html.vc-light .mpnav-brand{color:#0e1729}
html.vc-light .mpnav-brand-copy small{color:rgba(14,23,41,.55)}
html.vc-light .mpnav-link{color:#3a4664}
html.vc-light .mpnav-link:hover{background:rgba(20,30,55,.05);color:#0e1729}
html.vc-light .mpnav-link.is-active{color:#5a19b4;background:rgba(124,92,255,.08);border-color:rgba(124,92,255,.45);box-shadow:0 0 0 1px rgba(124,92,255,.18),0 0 18px rgba(124,92,255,.10)}
html.vc-light .mpnav-badge{background:#e8326b;box-shadow:0 4px 10px rgba(232,50,107,.25)}
html.vc-light .mpnav-pill{background:rgba(20,30,55,.04);color:#0e1729;border-color:rgba(20,30,55,.12)}
html.vc-light .mpnav-pill:hover{background:rgba(20,30,55,.07)}
html.vc-light .mpnav-lang{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230e1729' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='2' y1='12' x2='22' y2='12'/><path d='M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z'/></svg>");background-color:rgba(20,30,55,.04)}
html.vc-light .mpnav-lang option{background:#fff;color:#0e1729}
html.vc-light .mpnav-dd-panel{background:#fff;border-color:rgba(20,30,55,.12)}
html.vc-light .mpnav-dd-panel a{color:#1f2a44}
html.vc-light .mpnav-burger{color:#0e1729;background:rgba(20,30,55,.05);border-color:rgba(20,30,55,.12)}
html.vc-light .mpnav-mob-lang{background:#fff;border-color:rgba(0,0,0,.12);color:#0e1729}
html.vc-light .mpnav-mob-lang option{background:#fff;color:#0e1729}
html.vc-light .mpnav-mob-lang-lbl{color:rgba(14,23,41,.6)}
html.vc-light .mpnav-brand-copy strong{color:#0e1729}


/* ---- Showroom light pass 1 — product-tour overlay (#vcTourPop) text + verified badge (owner 2026-07-27) ---- */
html.vc-light #vcTourPop h4{color:#0f172a}
html.vc-light #vcTourPop p{color:#41506b}
html.vc-light #vcTourPop .vc-tour-foot,html.vc-light #vcTourPop .vc-tour-count{color:#5a6884}
html.vc-light #vcTourPop .vc-tour-skip{color:#41506b}
html.vc-light #vcTourPop .vc-tour-back{color:#1f2b44}
html.vc-light #vcTourPop .vc-tour-clickhint{color:#6d28d9}
html.vc-light .vd-badge{color:#059669}


/* ---- Restore ALWAYS-DARK top nav in light mode (owner 2026-08-08; my _top_nav.php block was reverted by a convergence sync).
   Lives in vc-light.css (survives convergence) with html.vc-light+body[data-theme=light] specificity to beat _top_nav's inline light rules.
   The site logo is white (lum 219) -> invisible on a white nav; a dark nav keeps it visible in both modes. ---- */
html.vc-light body[data-theme="light"] .mpnav{background:rgba(8,11,26,.78);border-bottom-color:rgba(255,255,255,.075)}
html.vc-light body[data-theme="light"] .mpnav-brand{color:#fff}
html.vc-light body[data-theme="light"] .mpnav-brand-copy small{color:rgba(255,255,255,.55)}
html.vc-light body[data-theme="light"] .mpnav-link{color:rgba(245,250,255,.82)}
html.vc-light body[data-theme="light"] .mpnav-link:hover{background:rgba(124,92,255,.16);color:#fff}
html.vc-light body[data-theme="light"] .mpnav-link.is-active{color:#fff;background:rgba(124,92,255,.16);border-color:rgba(124,92,255,.55);box-shadow:0 0 0 1px rgba(124,92,255,.25),0 0 22px rgba(124,92,255,.18)}
html.vc-light body[data-theme="light"] .mpnav-badge{background:#ff4e7d;box-shadow:0 4px 10px rgba(255,78,125,.30)}
html.vc-light body[data-theme="light"] .mpnav-pill{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.10)}
html.vc-light body[data-theme="light"] .mpnav-pill:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
html.vc-light body[data-theme="light"] .mpnav-lang{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><line x1='2' y1='12' x2='22' y2='12'/><path d='M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z'/></svg>");background-color:rgba(255,255,255,.04)}
html.vc-light body[data-theme="light"] .mpnav-lang option{background:#0e1830;color:#eef4ff}
html.vc-light body[data-theme="light"] .mpnav-dd-panel{background:#0b1024;border-color:rgba(255,255,255,.09)}
html.vc-light body[data-theme="light"] .mpnav-dd-panel a{color:rgba(245,250,255,.82)}
html.vc-light body[data-theme="light"] .mpnav-burger{color:#e8eeff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}
html.vc-light body[data-theme="light"] .mpnav-links{border-top-color:rgba(255,255,255,.08)}
html.vc-light body[data-theme="light"] .mpnav-mob-lang{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);color:#fff}
html.vc-light body[data-theme="light"] .mpnav-mob-lang option{background:#0e1830;color:#eef4ff}


/* ---- Auto-Services heroes -> LIGHT in light mode (owner 2026-08-08): flip .ah-hero (top "Find Nearby") + .ah-find (bottom "Find Your Next Service") dark bgs to light + smart-darken their text; gradient buttons untouched ---- */
html.vc-light .ah-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(124,92,255,.10),transparent 55%),linear-gradient(115deg,#eef1fb 0%,#f4eefe 48%,#eef1fb 100%);border-color:rgba(16,32,64,.10)}
html.vc-light .ah-hero .ah-h1{color:#1e2b52}
html.vc-light .ah-hero .ah-hsub{color:#41506b}
html.vc-light .ah-hero .g,html.vc-light .ah-find .g{background:linear-gradient(120deg,#1e2b52,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}
html.vc-light .ah-search{background:#ffffff;border-color:rgba(16,32,64,.12)}
html.vc-light .ah-find{background:radial-gradient(circle at 86% 18%,rgba(124,92,255,.12),transparent 60%),linear-gradient(160deg,#f4eefe,#eef1fb);border-color:rgba(16,32,64,.10)}
html.vc-light .ah-find h3{color:#0f172a}
html.vc-light .ah-find p{color:#41506b}
html.vc-light .ah-find-badge .tx b{color:#1e2b52}
html.vc-light .ah-find-badge .tx span,html.vc-light .ah-find-badge .tx small{color:#5a6884}
html.vc-light .ah-find-badge .bi{color:#6d28d9;background:rgba(124,92,255,.10);border-color:rgba(124,92,255,.28)}


/* ---- Inventory (advanced_search) search bar: dark gradient -> light (owner 2026-08-08) ---- */
html.vc-light .searchbar{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,246,251,.9));border-color:rgba(16,32,64,.12)}


/* ---- Car detail: AI price prediction chart X-axis labels (Jetzt/30/60/90 Tage) were light -> dark (owner 2026-08-08) ---- */
html.vc-light .aipp-chart-x,html.vc-light .aipp-chart-x span{color:#41506b}