/* ============================================================================
   home-v2.css — RESTYLING UX della home (anteprima privata body.hdr-v2).
   NON cambia struttura, ordine sezioni, contenuti o funzionalità: solo design.
   Caricato SOLO sulla home. Scoped body.hdr-v2 -> sovrascrive.
   ============================================================================ */
:root{ --hm-cy:#0894D6; --hm-cy2:#1fb6ff; --hm-ink:#eef1f4; --hm-dim:#9aa3ab;
       --hm-bd:rgba(255,255,255,.10); --hm-card:rgba(255,255,255,.04); }

/* ====================== CONTATORE (barra social-proof) ====================== */
body.hdr-v2 .catalog-counter .counter-row{
  display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; gap:0;
  background:var(--hm-card); border:1px solid var(--hm-bd); border-radius:12px;
  padding:7px 4px; margin:10px auto 0; max-width:760px;
}
body.hdr-v2 .counter-item{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; align-items:center; padding:2px 4px; text-decoration:none; }
body.hdr-v2 .counter-item strong{ font-size:1rem; font-weight:800; color:#fff; line-height:1; }
body.hdr-v2 .counter-item span{ font-size:.62rem; color:var(--hm-dim); margin-top:3px; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; }
body.hdr-v2 .counter-item #counter-live{ color:#4ade80; }
body.hdr-v2 .counter-divider{ width:1px; align-self:stretch; background:var(--hm-bd); margin:5px 0; flex:0 0 auto; }

/* Card poster v2: regole globali in header-v2.css, caricato su tutte le pagine hdr-v2. */
/* ====================== TOP 10: numeri ORIGINALI (nessun override) ======================
   Il founder preferisce lo stile numeri vecchio -> NON tocchiamo .top10-rank
   (resta quello di style.css). Lasciamo solo l'aspetto card coerente col resto. */

/* ====================== FAQ / sezioni testo ====================== */
body.hdr-v2 .faq-section, body.hdr-v2 .home-faq{ margin-top:34px; }

/* ====================== MOBILE ====================== */
@media (max-width:768px){
  /* poster più stretti = si vedono ~2,5 poster col PEEK del successivo (no taglio netto) */
  body.hdr-v2 .section:not(.top10-section) .swiper-slide{ width:150px !important; }
  body.hdr-v2 .counter-item strong{ font-size:.92rem; }
  body.hdr-v2 .counter-item span{ font-size:.58rem; }
}
/* feedback tattile su tap (mobile) */
body.hdr-v2 .movie-card:active .poster-wrap{ transform:scale(.97); }