/* ============================================================
   Autopool — Direzione A (SKIN). Solo aspetto.
   Layout e responsive = Bootstrap. Caricata DOPO Bootstrap.
   ============================================================ */
:root{
  --paper:#F6F3EC; --paper-2:#EDE6D5; --card:#FCFBF7;
  --ink:#17150F; --blue:#2F66C0; --blue-2:#5E93E0;
  --line:#E4DECF; --muted:#8F897C; --muted-2:#6B6659;

  /* aggancio al theming di Bootstrap */
  --bs-primary:#2F66C0; --bs-primary-rgb:47,102,192;
  --bs-link-color:#2F66C0; --bs-link-hover-color:#255499;
  --bs-body-color:#17150F; --bs-body-bg:#F6F3EC;
  --bs-body-font-family:'Public Sans',system-ui,-apple-system,sans-serif;
  --bs-border-color:#E4DECF;
}
body{ font-family:'Public Sans',system-ui,sans-serif; color:var(--ink); background:var(--paper); }
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.card-title{
  font-family:'Archivo',sans-serif; font-weight:800; letter-spacing:-.02em; color:var(--ink);
}
a{ text-decoration:none; }
.text-primary{ color:var(--blue)!important; }
.text-muted{ color:var(--muted-2)!important; }
.bg-ink{ background:var(--ink)!important; }
.text-paper{ color:var(--paper)!important; }
.section-paper2{ background:var(--paper-2); }
.eyebrow{ font-size:.75rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--blue); }

.btn{ border-radius:9px; font-weight:700; }
.btn-primary{ --bs-btn-bg:var(--blue); --bs-btn-border-color:var(--blue);
  --bs-btn-hover-bg:#255499; --bs-btn-hover-border-color:#255499; }
.btn-ink{ background:var(--ink); color:#fff; border:0; }
.btn-ink:hover{ background:#000; color:#fff; }
.btn-pill{ border-radius:999px; }

.card{ border-radius:12px; border:1px solid var(--line); background:var(--card); }

.topbar{ background:var(--ink); color:#CFC9BC; font-size:.75rem; }
.topbar a{ color:#fff; }
.topbar .dot{ color:var(--blue-2); }

.dira-navbar{ background:var(--paper); border-bottom:1px solid var(--line); }
.dira-navbar .nav-link{ font-weight:600; color:var(--ink); }
.dira-navbar .nav-link.active, .dira-navbar .nav-link:hover{ color:var(--blue); }

.hero-a{ position:relative; background:var(--ink); color:var(--paper); overflow:hidden; }
.hero-a .hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.hero-a .hero-overlay{ position:absolute; inset:0; z-index:1;
  background:linear-gradient(90deg,rgba(20,18,13,.95),rgba(20,18,13,.82) 42%,rgba(20,18,13,.4)); }
.hero-a .hero-content{ position:relative; z-index:2; }
.hero-a .hero-stat{ font-family:'Archivo',sans-serif; font-weight:800; font-size:1.75rem; }

.search-card{ background:var(--card); border:1px solid var(--line); border-radius:14px;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.4); }
.search-card label{ font-size:.7rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:var(--muted-2); }

.car-card .car-photo{ aspect-ratio:4/3; object-fit:cover; width:100%; }
.car-card .price{ font-family:'Archivo',sans-serif; font-weight:800; font-size:1.15rem; }
.chip{ font-size:.72rem; color:var(--muted-2); background:#EEE9DD; padding:3px 8px; border-radius:5px; display:inline-block; }
.badge-novita{ background:var(--blue); color:#fff; font-size:.65rem; font-weight:700; }

.cat-card .cat-photo{ height:120px; object-fit:cover; width:100%; }

.cta-blue{ background:var(--blue); color:#fff; }

.footer-a{ background:var(--ink); color:#B9B2A3; }
.footer-a h6{ color:var(--paper); }
.footer-a a{ color:#B9B2A3; }
.footer-a a:hover{ color:#fff; }

@media (max-width: 991.98px){
  .hero-a .hero-overlay{ background:linear-gradient(180deg,rgba(20,18,13,.7),rgba(20,18,13,.92)); }
}

.hero-a .display-4{ font-size:clamp(2rem, 6vw, 3.5rem); }