/* ─────────────────────────────────────────────────────────────────────────
   Perego Cars · Typo + chrome override v2 · 2026-05-28
   Drops the GHL-snapshot Crimson Pro / Lato Light typography in favour of:
     – Lato (wordmark only — 900 + 200 pairing, per brand-tokens)
     – Inter (body + UI + nav + labels)
     – Manrope (display titles, hero, big section headings)
     – JetBrains Mono (numerics: prices, km, ch, IBAN, VIN, dates)
   Brand orange aligned with the detail pages: #FF4605.
   Safe to drop in: targets common GHL preview classes + generic tags with
   !important; the homepage hero video + content sections render unchanged.
   ───────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@200;700;900&family=Inter:wght@400;500;600;700;800&family=Manrope:wght@200;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap');

:root{
  --pc-orange:#FF4605;
  --pc-ink:#1A1A1A;
  --pc-muted:#666;
  --pc-font-logo:"Lato",-apple-system,BlinkMacSystemFont,sans-serif;
  --pc-font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --pc-font-display:"Manrope","Inter",sans-serif;
  --pc-font-mono:"JetBrains Mono",ui-monospace,monospace;
}

/* ── Body / default text ──────────────────────────────────────────────── */
body,
body p, body li, body td, body th, body div, body span, body a, body label,
body button, body input, body textarea, body select{
  font-family: var(--pc-font-ui) !important;
  font-feature-settings: "ss01" on, "cv11" on;
}

/* ── Display + headings ──────────────────────────────────────────────── */
body h1, body h2, body h3, body h4, body h5, body h6,
body h1 *, body h2 *, body h3 *, body h4 *, body h5 *, body h6 *,
body .pc-hero h1, body .pc-hero h2, body .pc-section h1, body .pc-section h2,
body .pc-title, body [class*="hero-title"], body [class*="section-title"],
body [class*="display-text"], body [class*="text-display"],
body [class*="banner-text"], body .pc-emphasis,
body .pc-pillar-title, body .pc-card-title, body .pc-metric-value,
body .pc-test-name{
  font-family: var(--pc-font-display) !important;
  letter-spacing: -0.025em;
  font-weight: 600 !important;
  font-style: normal !important;
}

/* Hero headlines get the dramatic Manrope 200/800 contrast */
body h1, body .pc-hero h1, body [class*="hero-title"], body [class*="banner-text"]{
  font-weight: 200 !important;
}
body h1 em, body h1 strong, body h1 b, body h1 i,
body h2 em, body h2 strong,
body .pc-hero h1 em, body .pc-hero h1 strong,
body [class*="hero-title"] em, body [class*="hero-title"] strong,
body [class*="banner-text"] em, body [class*="banner-text"] strong{
  font-family: var(--pc-font-display) !important;
  font-weight: 800 !important;
  font-style: normal !important;
  color: var(--pc-orange) !important;
}

/* ── Wordmark — keep in Lato, brand-tokens style ─────────────────────── */
body .pc-logo, body .pc-wordmark, body #pc-header-main .pc-logo,
body .logo-bold, body .logo-light{
  font-family: var(--pc-font-logo) !important;
}
body .logo-bold{ font-weight: 900 !important; letter-spacing: -0.01em; }
body .logo-light{ font-weight: 200 !important; color: var(--pc-muted) !important; }

/* ── Nav links — Inter caps ──────────────────────────────────────────── */
body nav a, body .pc-link, body .pc-nav a, body #mobileMenu a,
body .pc-header-link, body header nav a{
  font-family: var(--pc-font-ui) !important;
  font-weight: 600 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

/* ── Prices / spec numbers / mono ────────────────────────────────────── */
body .pc-car-price, body .pc-price, body [class*="-price"],
body .pc-mono, body code, body kbd, body samp,
body .pc-car-specs, body [class*="-specs"]{
  font-family: var(--pc-font-mono) !important;
  font-weight: 700;
  letter-spacing: 0.01em;
}
body .pc-car-specs *, body [class*="-specs"] *{
  font-family: var(--pc-font-mono) !important;
  font-weight: 500;
}

/* ── Eyebrow / label chips — Inter caps tracked ──────────────────────── */
body .pc-eyebrow, body .pc-badge, body .pc-tag, body .pc-section-label,
body [class*="eyebrow"], body [class*="-tag"]{
  font-family: var(--pc-font-ui) !important;
  font-weight: 700 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
}

/* ── Brand colour alignment (orange #FF4605) ─────────────────────────── */
body .pc-link.pc-active, body nav a.active,
body .pc-eyebrow, body [class*="eyebrow"]::before,
body .pc-cta-primary, body .pc-btn-primary{
  color: var(--pc-orange);
}

/* ── Mute Crimson Pro and Lato Light variants if explicitly used ─────── */
body [style*="Crimson"], body [style*="Garamond"], body [style*="serif"]{
  font-family: var(--pc-font-display) !important;
  font-style: normal !important;
}

/* ── Buttons polish (without changing colors GHL set) ────────────────── */
body button, body .pc-btn, body [class*="-btn"]{
  font-family: var(--pc-font-ui) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
}

/* ── Bot-dot stays hidden site-wide (defence in depth) ──────────────── */
.cbw-root, .cbw-launcher { display: none !important; }