/* ══════════════════════════════════════════════════════════════════
   Jabaay Motors — Showroom Light redesign overlay
   Reversible: loaded via mu-plugin iz-jabaay-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; }

/* Featured price → emerald text (match inventory) */
html body .home-featured__price{
  background:transparent !important; background-image:none !important;
  box-shadow:none !important; padding:0 !important;
  color:var(--gold) !important; -webkit-text-fill-color:var(--gold) !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;
}