/* Tema autocityBAT — Barletta.
   Qui vive solo l'ASPETTO: colori, font, ombre, raggi. La struttura sta in base.css.
   L'ordine dei blocchi ricalca quello di site.css: più avanti si ridefiniscono token
   dichiarati prima, e l'ultima definizione vince. Non riordinare. */

/* ─── Tokens (AutoCity v5 — brand kit ufficiale: doppio accento blu+lime) ─── */
:root {
  /* Accenti ufficiali */
  --blue: #0057D9;        /* PRIMARIO brand — logo BAT, nav, link, selezione, dots */
  --blue-dark: #0048B3;
  --lime: #D8FF45;        /* SECONDARIO energia — CTA conversione, highlight, match */
  --lime-dark: #C2E82E;
  --accent: var(--lime);  /* CTA energia (la maggior parte dei .btn-lime) */
  --accent-dark: var(--lime-dark);

  /* Base */
  --graphite: #0D0F14;    /* headings/testo forte su chiaro */
  --white: #FFFFFF;
  --paper: #F5F6F8;       /* sfondo sezioni alternate */
  --paper-warm: #FAF8F3;
  --text: #1A1D24;        /* body su chiaro (charcoal) */
  --muted: #6B6F76;
  --soft: #A6ABB3;
  --border: #E4E6EA;
  --success: #2E7D32;
  --danger: #C24A3D;
  --info: #0057D9;

  /* Dark surfaces */
  --ink: #0D0F14;         /* graphite black */
  --ink-soft: #1A1D24;    /* charcoal */
  --ink-2: #1A1D24;
  --line-dark: rgba(255,255,255,0.08);

  /* ── Alias back-compat ── */
  --navy: #0D0F14;        /* superfici scure + headings (alias graphite) */
  --navy-dark: #05070A;
  --navy-deep: #0D0F14;   /* base gradient hero */
  --sky: #0057D9;         /* = blu brand (eyebrow/link/dots/selezione/focus) */
  --sky-soft: #E6F0FF;    /* pill blu pallido */

  /* On dark text */
  --on-dark: #FFFFFF;
  --on-dark-muted: rgba(255,255,255,0.66);
  --on-dark-soft: rgba(255,255,255,0.45);

  /* Tipografia — Inter Tight (display) + Inter (body), come brand kit */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-display: 'Inter Tight', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
  --font-serif: 'Source Serif Pro', Georgia, serif;

  /* Spacing */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;

  /* Radii — scala a quattro gradini (Barletta: morbida) */
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-l: 20px;
  --radius-xl: 26px;
  --radius-pill: 999px;
  --radius-circle: 50%;   /* pallini, avatar, punti: geometria, non stile */

  /* Shadows */
  --shadow-soft: 0 1px 2px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.04);
  --shadow-card: 0 2px 6px rgba(0,0,0,0.06), 0 12px 32px rgba(0,0,0,0.06);
  --shadow-lift: 0 8px 24px rgba(0,30,80,0.12);

  /* Sizing */
  --container: 1280px;
  --container-narrow: 1080px;
  --nav-height: 72px;

  /* Easings */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

/* 1) PROFONDITÀ PIATTA — token ombra quasi-flat */
:root{
  --shadow-soft: 0 1px 2px rgba(13,15,20,0.05);
  --shadow-card: 0 1px 2px rgba(13,15,20,0.06);
  --shadow-lift: 0 1px 2px rgba(13,15,20,0.06);
}

/* 1) TIPOGRAFIA — via Inter (reflex-reject): Archivo, grottesco engineered.
   Il LOGO resta intoccabile (Inter Tight): ora è il vettoriale caricato in
   dealers.tema.logo, non più testo — l'altezza sotto riproduce la stessa resa
   di prima (tracciato misurato: 114,47×21,54px, invariato rispetto al testo). */
:root{
  --font-sans: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --wordmark-h: 21.54px;
}

/* loghi-badge (oval/quadrati) un filo più grandi per pareggiare il peso ottico */
.fb-chip img[src*="landrover"]{height:180%}

/* Land Rover: badge piccolo per natura → ingrandito nella card brand */
.bw-card-logo .bw-logo[src*="landrover"]{ height:150%; max-height:69px; }
/* Jaguar: leaper grande → -10% nella card brand */
.bw-card-logo .bw-logo[src*="jaguar"]{ height:90%; max-height:40px; }

@media (max-width: 640px) {
  .promo-track,
  .bw-block .bw-track {
    --acb-gap: 12px;
    --acb-peek: 40px;   /* l'accenno della card dopo: e' l'invito a scorrere */
    --acb-dots: 1;      /* interruttore letto dal JS: il breakpoint sta solo qui */
  }

  .acb-dots:not([hidden]) {
    --acb-dot: rgba(13, 15, 20, .22);
    --acb-dot-on: var(--blue, #0057D9);
  }
  .bw-block .acb-dots:not([hidden]) {
    --acb-dot: rgba(255, 255, 255, .30);
    --acb-dot-on: var(--lime, #D8FF45);
  }
}

@media (max-width: 900px) {
  .vd-foto-track {
    --acb-gap: 10px;
    --acb-peek: 34px;
    --acb-dots: 1;               /* i puntini li monta il modulo dei caroselli */
  }
}