/* ============================================================
   CAU 2026 — pages/statiche.css
   Layer additivo per le pagine statiche come-funziona.php e servizi.php.
   Scoped .cau26 :where(...) → bassa specificita', sovrascrive il solo
   legacy senza !important. I componenti (bottoni, card, tabelle,
   callout, steps, details, trust, band) vivono in app.css: qui solo
   il montaggio di pagina e la leggibilita' del testo.
   ============================================================ */

/* colonna di lettura entro il #content legacy */
.cau26 :where(.statpage) { color: var(--cau-ink); }
.cau26 :where(.statpage .cau-container) { padding-block: var(--cau-s5); }

/* ---- Hero (fondo chiaro: sta dentro #content, niente navy) ---- */
.cau26 :where(.stat-hero) { margin-bottom: var(--cau-s7); }
.cau26 :where(.stat-hero h1) { margin: var(--cau-s3) 0 var(--cau-s3); }
.cau26 :where(.stat-sub) { font-size: var(--cau-fs-md); color: var(--cau-ink-2); margin: 0 0 var(--cau-s5); }

/* riga CTA hero: primaria blu + WA, la seconda mai piu' grande */
.cau26 :where(.stat-cta) { display: flex; flex-wrap: wrap; gap: var(--cau-s3); align-items: center; }
.cau26 :where(.stat-cta .cau-btn) { flex: 1 1 auto; }
@media (min-width: 640px) {
  .cau26 :where(.stat-cta .cau-btn) { flex: 0 0 auto; }
}
.cau26 :where(.stat-microtrust) { margin: var(--cau-s3) 0 0; font-size: var(--cau-fs-xs); color: var(--cau-ink-2); }

/* ---- Sezioni ---- */
.cau26 :where(.stat-sec) { margin-block: var(--cau-s7); }
.cau26 :where(.stat-note) { font-size: var(--cau-fs-sm); color: var(--cau-ink-2); margin-top: var(--cau-s3); }

/* ---- Card servizio (non-link): titolo + descrizione ---- */
.cau26 :where(.stat-services) { margin-top: var(--cau-s4); }
.cau26 :where(.stat-service) { display: flex; flex-direction: column; }
.cau26 :where(.stat-service h3) { margin: 0 0 var(--cau-s2); font-size: var(--cau-fs-base); font-weight: 600; color: var(--cau-navy-900); }
.cau26 :where(.stat-service p) { margin: 0; font-size: var(--cau-fs-sm); color: var(--cau-ink-2); }

/* ---- Riga B2B discreta a fondo pagina (concessionari) ---- */
.cau26 :where(.stat-b2b) { margin-top: var(--cau-s6); padding-top: var(--cau-s4); border-top: 1px solid var(--cau-line); font-size: var(--cau-fs-sm); color: var(--cau-ink-2); }

/* CTA band: la seconda azione (ghost) non compete con la primaria */
.cau26 :where(.stat-band-actions) { display: flex; flex-wrap: wrap; gap: var(--cau-s3); align-items: center; }