/* ══════════════════════════════════════════════════════════════════
   Showroom Auto — Showroom Light redesign overlay
   Reversible: loaded via mu-plugin iz-showroom-redesign; delete to revert.
   Strategy: redefine site-colors.css design tokens (single source) to
   the Showroom Light palette, then patch the few hardcoded/legacy spots.
   ══════════════════════════════════════════════════════════════════ */

/* ── 1. TOKEN FLIP — dark burgundy → Showroom Light ───────────────── */
:root{
  /* neutrals — cool graphite bias */
  --bg:            #FFFFFF;
  --surface:       #FFFFFF;
  --surface-2:     #F1F5F9;
  --surface-raised:#FFFFFF;
  --border:        #E4E9F0;
  --border-strong: #C9D4E3;
  --text:          #12161C;
  --muted:         #5A6673;
  --shadow:        0 12px 30px rgba(16,26,44,.10);

  /* brand + accent: navy brand, azure CTA */
  --primary:      #1E73E8;      /* azure — all buttons/links/accents */
  --primary-600:  #1659C7;
  --primary-700:  #0F3E8F;
  --secondary:    #16294D;      /* navy — brand */
  --ring:         rgba(30,115,232,.18);
  --accent-2:     #D42A2A;      /* sold / error (semantic red) */

  --accent:        var(--primary);
  --c-accent:      var(--primary);
  --c-accent-hover:var(--primary-600);
  --c-text:        var(--text);
  --c-bg:          var(--bg);
  --c-muted:       var(--muted);

  --shadow-card:       0 6px 20px rgba(16,26,44,.07);
  --shadow-card-hover: 0 16px 40px rgba(16,26,44,.13);

  /* pagination */
  --pagi-accent-rgb: 30,115,232;
  --pagi-accent:  #1E73E8;
  --pagi-bg:      #FFFFFF;
  --pagi-bg-hover:rgba(30,115,232,.10);
  --pagi-text:    #16294D;
  --pagi-muted:   #5A6673;
  --pagi-border:  #D8E0EC;
  --pagi-shadow:  0 10px 26px rgba(16,26,44,.10);
  --pagi-glow:    0 10px 26px rgba(30,115,232,.20);
  --pagi-ring:    0 0 0 3px rgba(30,115,232,.18);

  /* inventory (--cyp-*) */
  --cyp-green:    #1E73E8;
  --cyp-green-2:  rgba(30,115,232,.12);
  --cyp-text:     #12161C;
  --cyp-muted:    #5A6673;
  --cyp-bg:       #F7F9FC;
  --cyp-soft:     #FFFFFF;
  --cyp-border:   #E4E9F0;
  --cyp-shadow:   0 12px 30px rgba(16,26,44,.08);

  /* light "pause" sections (were cream) */
  --surface-cream:   #F5F8FC;
  --surface-cream-2: #EAF0F7;

  /* price accent (was gold) → emerald */
  --gold:     #0E7C55;
  --gold-600: #0A6446;
}

/* ── 2. Body / global grounding ──────────────────────────────────── */
html body{ background:var(--bg); color:var(--text); }

/* ── 3. Price system → emerald, remove burgundy/gold tints ────────── */
html body .cyp-inv__price{
  background:linear-gradient(135deg, rgba(14,124,85,.12), rgba(14,124,85,.06)) !important;
  border:1px solid rgba(14,124,85,.28) !important;
}
html body .cyp-inv__price-val,
html body .dag-price,
html body .dag-pricebox .dag-price,
html body .car-price-tag,
html body .is-price,
html body .home-featured__price{
  color:var(--gold) !important;
  text-shadow:none !important;
}
html body .dag-pricebox{
  background:#FFFFFF !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-card) !important;
}
html body .dag-specs-card{ border-top:3px solid var(--primary) !important; }

/* ── 4. Legacy hardcoded darks / reds → light-safe ───────────────── */
html body [style*="#0E0809"],
html body .home-about,
html body .home-news{ /* dark home sections repainted in phase 3 CSS if needed */ }

/* discount / "deal" accents: keep a tasteful red on light */
html body .dag-inv-badge{ background:rgba(212,42,42,.10) !important; color:#C4232B !important; }
html body .dag-inv-now{ color:#C4232B !important; }

/* soft, light card shadows everywhere (kill heavy black shadows) */
html body .vehicle-card,
html body .cyp-inv__card,
html body .home-featured__card,
html body .dag-inv-card,
html body .contact-info__item,
html body .dag-specs-card{ box-shadow:var(--shadow-card) !important; }

/* focus visibility */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible{ outline:2px solid var(--primary); outline-offset:2px; }

/* ── Phase 1b: contrast + component fixes ────────────────────────── */

/* Logo: clean navy wordmark, kill donor orange box/gradient fill */
html body .wpdevart-logo-text-gradient,
html body .wpdevart-logo-area{ background:transparent !important; }
html body .wpdevart-logo-text-gradient a,
html body .wpdevart-logo-text-simple,
html body .wpdevart-logo-text a,
html body .wpdevart-header-logo-spaces a{
  background:none !important; background-image:none !important;
  -webkit-text-fill-color:#16294D !important; color:#16294D !important;
  text-shadow:none !important; font-weight:800 !important; letter-spacing:.5px !important;
}

/* Donor promo ticker (MCD images) — hide */
html body .dag-top-ticker{ display:none !important; }

/* Inventory page heading + card titles → dark ink, azure eyebrow */
html body.post-type-archive-car .cyp-h1{ color:var(--text) !important; }
html body.post-type-archive-car .cyp-lead{ color:var(--muted) !important; }
html body .cyp-inv__title,
html body .cyp-inv__title a{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
html body .cyp-inv__subtitle{ color:var(--primary) !important; font-weight:700 !important; }
html body .cyp-inv__specs dt{ color:var(--muted) !important; }
html body .cyp-inv__specs dd{ color:var(--text) !important; }

/* VDP title + quick-facts meta */
html body.single-car .dag-title{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
html body.single-car .dag-car__meta,
html body.single-car .dag-car__meta *{ color:var(--muted) !important; }

/* VDP price: emerald text, kill donor red pill (keep SOLD red) */
html body .dag-pricebox .dag-price:not(.is-sold),
html body.single-car .dag-price:not(.is-sold),
html body .dag-price-now{
  background:transparent !important; background-image:none !important;
  box-shadow:none !important; border:0 !important;
  color:var(--gold) !important; -webkit-text-fill-color:var(--gold) !important;
}
html body .dag-price.is-sold{ background:var(--accent-2) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* VDP spec rows → light (gray bg lives on the .dag-specs>div wrapper) */
html body .dag-specs > div,
html body.single-car .dag-specs > div{
  background:#F1F5F9 !important; border:1px solid var(--border) !important;
}
html body .dag-specs dt,
html body .dag-specs dd{ background:transparent !important; }
html body .dag-specs dt{ color:var(--muted) !important; }
html body .dag-specs dd{ color:var(--text) !important; font-weight:700 !important; }

/* Home newsletter band → clean navy (was muddy maroon) */
html body .home-news__overlay{
  background:linear-gradient(180deg, rgba(18,30,54,.74), rgba(18,30,54,.88)) !important;
}

/* ══ Phase 1c: readability fixes (owner feedback) ═════════════════ */

/* Remove header search magnifier (лупа) */
html body .wpdevart-search-button-icon,
html body .wpdevart-search-button-icon-mobile,
html body .search-menu-buttons,
html body #wpdevartwidesearchbutton,
html body #wpdevartsmallsearchbutton,
html body .site-header__search-trigger{ display:none !important; }

/* Section eyebrows on light bg (FEATURED/ABOUT/BRANDS) → azure + selectable */
html body.home .hero__eyebrow,
html body.home .hero__eyebrow span{
  color:var(--primary) !important; -webkit-text-fill-color:var(--primary) !important;
  font-weight:700 !important; letter-spacing:.16em !important; opacity:1 !important;
  -webkit-user-select:text !important; user-select:text !important;
}
/* …but eyebrows inside the dark photo heroes → light */
html body.home .hero.hero--main .hero__eyebrow,
html body.home .hero.hero--main .hero__eyebrow span,
html body.home .hero.hero--find .hero__eyebrow,
html body.home .hero.hero--find .hero__eyebrow span{
  color:#DCE9FF !important; -webkit-text-fill-color:#DCE9FF !important;
}
html body.home .hero.hero--main .hero__title, html body.home .hero.hero--main .hero__title span,
html body.home .hero.hero--find .hero__title, html body.home .hero.hero--find .hero__title span,
html body.home .hero.hero--find .hero__subtitle, html body.home .hero.hero--find .hero__subtitle span{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.5) !important;
}

/* Featured price → clean emerald chip (beat palette-diversification specificity) */
html body.home .home-featured .home-featured__price,
html body .home-featured__price{
  background:rgba(14,124,85,.10) !important; background-image:none !important;
  color:var(--gold) !important; -webkit-text-fill-color:var(--gold) !important;
  border:1px solid rgba(14,124,85,.30) !important;
  border-radius:999px !important; padding:7px 13px !important;
  box-shadow:none !important; white-space:nowrap; font-weight:800 !important; font-size:15px !important;
}

/* Photo hero (Transportation = .dag-ship__hero) → dark scrim + light text */
html body .dag-ship__hero{ position:relative; isolation:isolate; }
html body .dag-ship__hero-bg{ z-index:0 !important; }
html body .dag-ship__hero::before{
  content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important;
  background:linear-gradient(180deg, rgba(11,20,38,.52), rgba(11,20,38,.80)) !important;
}
html body .dag-ship__hero-inner{ position:relative !important; z-index:2 !important; }
html body .dag-ship__title,
html body .dag-ship__lead,
html body .dag-ship__eyebrow,
html body .dag-ship__hero-badges,
html body .dag-ship__hero-badges *{
  color:#fff !important; -webkit-text-fill-color:#fff !important; text-shadow:0 1px 10px rgba(0,0,0,.4) !important;
}

/* Financing hero H1 (was white-on-light) → ink */
html body .fin-hero__title,
html body .fin-hero__title span{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }

/* VDP overview: ink body text + flatten the double card */
html body .dag-prose,
html body .dag-prose p,
html body .dag-prose li{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
html body .dag-prose a{ color:var(--primary) !important; -webkit-text-fill-color:var(--primary) !important; }
html body .dag-desc--desktop .dag-prose,
html body .dag-desc--mobile .dag-prose{
  background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}

/* Legal-page bottom contact CTA: kill the stray emerald line, make it intentional */
html body .privacy-contact-cta{
  border:1px solid var(--border) !important; border-top:1px solid var(--border) !important;
  background:var(--surface-2) !important; border-radius:16px !important;
  padding:22px !important; margin-top:26px !important; text-align:center !important;
}

/* ══════════════════════════════════════════════════════════════════
   Phase 2 — structural: rich footer, breadcrumbs, header polish
   ══════════════════════════════════════════════════════════════════ */

/* Hide the minimal wpdevart copyright footer (replaced by .iz-foot) */
html body .wpdevart-footer-one{ display:none !important; }

/* ── Rich footer ── */
html body .iz-foot{ background:#122140; color:#C6D4E8; font-size:15px; }
html body .iz-foot a{ color:#C6D4E8; text-decoration:none; transition:color .15s ease; }
html body .iz-foot a:hover{ color:#fff; }
html body .iz-foot__inner{
  max-width:1200px; margin:0 auto; padding:54px 22px 36px;
  display:grid; grid-template-columns:1.5fr 1fr 1fr 1.3fr; gap:36px;
}
html body .iz-foot__logo{ font-size:22px; font-weight:800; color:#fff; letter-spacing:.6px; }
html body .iz-foot__tag{ margin:12px 0 18px; color:#93A8C6; line-height:1.55; max-width:34ch; }
html body .iz-foot__contact{ list-style:none; padding:0; margin:0; display:grid; gap:11px; }
html body .iz-foot__contact li{ display:flex; gap:11px; align-items:flex-start; line-height:1.4; }
html body .iz-foot__ic{ color:#6E97FF; margin-top:1px; flex:none; }
html body .iz-foot__h{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.12em; color:#fff; margin:0 0 15px; }
html body .iz-foot__links, html body .iz-foot__hours{ list-style:none; padding:0; margin:0; display:grid; gap:11px; }
html body .iz-foot__hours li{ display:flex; justify-content:space-between; gap:12px; }
html body .iz-foot__hours span:last-child{ color:#fff; font-variant-numeric:tabular-nums; }
html body .iz-foot__cta{ display:inline-block; margin-top:18px; padding:11px 17px; border-radius:10px;
  background:#1E73E8; color:#fff !important; font-weight:700; font-size:14px; }
html body .iz-foot__cta:hover{ background:#3D8BFF; color:#fff !important; }
html body .iz-foot__mapwrap{ border-radius:12px; overflow:hidden; border:1px solid rgba(255,255,255,.14); height:180px; }
html body .iz-foot__mapwrap iframe{ width:100%; height:100%; border:0; display:block; }
html body .iz-foot__bar{ border-top:1px solid rgba(255,255,255,.10);
  max-width:1200px; margin:0 auto; padding:18px 22px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; color:#8499B9; font-size:13.5px; }
html body .iz-foot__legal{ display:flex; gap:18px; flex-wrap:wrap; }
@media(max-width:900px){
  html body .iz-foot__inner{ grid-template-columns:1fr 1fr; gap:30px; }
  html body .iz-foot__map{ grid-column:1 / -1; }
}
@media(max-width:560px){
  html body .iz-foot__inner{ grid-template-columns:1fr; }
  html body .iz-foot__bar{ flex-direction:column; text-align:center; align-items:center; }
}

/* ── Breadcrumbs ── */
html body .iz-crumbs{ max-width:1160px; margin:16px auto -6px; padding:0 22px;
  font-size:13.5px; color:var(--muted); display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
html body .iz-crumbs a{ color:var(--muted); text-decoration:none; }
html body .iz-crumbs a:hover{ color:var(--primary); }
html body .iz-crumbs__sep{ color:#AEB9C6; }
html body .iz-crumbs [aria-current="page"]{ color:var(--text); font-weight:600; }
html body.single-car .iz-crumbs{ margin-top:22px; }

/* ── Header polish: single-row nav + sticky shadow ── */
html body .wpdevart-main-header-section{ position:sticky; top:0; z-index:900; transition:box-shadow .2s ease; }
html body .wpdevart-main-header-section.iz-header--stuck{ box-shadow:0 6px 22px rgba(16,26,44,.12); }
html body .navbar-wpdevart li,
html body .nav-container-layout-one li{ margin:0 !important; }
html body .navbar-wpdevart li > a,
html body .nav-container-layout-one li > a{
  font-size:13.5px !important; letter-spacing:0 !important;
  padding-left:10px !important; padding-right:10px !important;
}

/* ══ Shipping / Transportation page cleanup ══ */
/* card body text → ink, normal case (was azure all-caps) */
html body .shipping-type-card .team-card__role,
html body .team-card__role,
html body .shipping-coverage__highlight{
  color:var(--text) !important; -webkit-text-fill-color:var(--text) !important;
  text-transform:none !important; font-size:15px !important; line-height:1.55 !important; letter-spacing:0 !important; font-weight:400 !important;
}
html body .shipping-type-card .team-card__name{ color:var(--text) !important; }
/* remove the stray emerald top-lines → clean cards */
html body .dag-ship__aside-card,
html body .shipping-type-card,
html body .team-card,
html body .dag-ship__faq details,
html body .dag-ship__faq .dag-faq__item,
html body .dag-ship__steps > li{
  border:1px solid var(--border) !important;
  background:var(--surface) !important; box-shadow:var(--shadow-card) !important; border-radius:14px !important;
}
html body .dag-ship__aside-card *,
html body .dag-ship__faq details *{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
html body .dag-ship__aside-card a,
html body .dag-ship__faq a{ color:var(--primary) !important; -webkit-text-fill-color:var(--primary) !important; }
/* single shipping-type card: constrain image height so it doesn't leave a void */
html body .shipping-types .team-card__image{ height:200px !important; }
html body .shipping-types .team-card__image img{ width:100% !important; height:100% !important; object-fit:cover !important; }
/* quote form: clean card */
html body .dag-ship__form-wrap{ background:var(--surface) !important; border:1px solid var(--border) !important;
  border-radius:16px !important; padding:24px !important; box-shadow:var(--shadow-card) !important; }
html body .dag-ship__form label{ color:var(--muted) !important; -webkit-text-fill-color:var(--muted) !important; }

/* ══════════════════════════════════════════════════════════════════
   Phase 1d — owner feedback round 2
   ══════════════════════════════════════════════════════════════════ */

/* Hide hero "SCROLL DOWN" indicator */
html body .hero__scroll{ display:none !important; }

/* NEWS band eyebrow + subtitle → light (on the navy band) */
html body .home-news__eyebrow,
html body .home-news__text,
html body .home-news__text *{ color:#E7F0FF !important; -webkit-text-fill-color:#E7F0FF !important; }

/* Inventory "Visit our showroom" cards: visible labels/values, no stray green line */
html body .cyp-card,
html body .cyp-inv__visit-card{ border-top:1px solid var(--border) !important; background:var(--surface) !important; }
html body .cyp-inv__visit-label{ color:var(--muted) !important; -webkit-text-fill-color:var(--muted) !important; letter-spacing:.1em; }
html body .cyp-inv__visit-value,
html body .cyp-inv__visit-value *{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
html body .cyp-inv__visit-value a{ color:var(--primary) !important; -webkit-text-fill-color:var(--primary) !important; }

/* Inventory filter: flatten block-in-block (sidebar transparent, one card + note) */
html body .cyp-inv__sidebar{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
html body .cyp-inv__sidebar-card{ background:var(--surface) !important; border:1px solid var(--border) !important; box-shadow:var(--shadow-card) !important; border-radius:16px !important; }
html body .cyp-inv__sidebar-note{ background:var(--surface-2) !important; border:1px solid var(--border) !important; border-radius:14px !important; margin-top:14px !important; box-shadow:none !important; }
html body .cyp-inv__note-title{ color:var(--text) !important; -webkit-text-fill-color:var(--text) !important; }
html body .cyp-inv__note-text, html body .cyp-inv__note-text *{ color:var(--muted) !important; }
html body .cyp-inv__note-text a{ color:var(--primary) !important; -webkit-text-fill-color:var(--primary) !important; }

/* VDP: flatten spec rows into a clean divider list (was nested gray pills) */
html body .dag-specs{ display:block !important; }
html body .dag-specs > div{
  display:flex !important; justify-content:space-between !important; align-items:center !important; gap:14px !important;
  background:transparent !important; border:0 !important; border-bottom:1px solid var(--border) !important;
  border-radius:0 !important; padding:11px 2px !important; margin:0 !important;
}
html body .dag-specs > div:last-child{ border-bottom:0 !important; }

/* VDP sidebar: consistent single cards (no double-block feel) */
html body .dag-sidebar{ background:transparent !important; border:0 !important; box-shadow:none !important; }
html body .dag-sidebar .dag-pricebox,
html body .dag-sidebar .dag-specs-card,
html body .dag-sidebar .dag-lead{
  background:var(--surface) !important; border:1px solid var(--border) !important;
  box-shadow:var(--shadow-card) !important; border-radius:16px !important;
}