/* Promo · landing · sistema (sessione 3, 30/10/2026). Riusabile: vale per ogni landing di promo con lo snippet della landing,
   che mette al body la classe hc-landing e a <html> lo stato (data-stato = prima, durante, dopo). La grafica sta in un file a parte
   (per la promo del 1° novembre allerta.css). Tutto quello che sta nella pagina ha #hc-promo davanti. */

/* 1 · il contorno del sito su questa pagina (come /scuola-nuoto/): a tutta larghezza, niente fondi del tema, niente titolo.
   Solo l'article del tema (figlio di .site-main): le schede della pagina sono article anche loro */
body.hc-landing :is(#page,.site,.site-content,.content-area,.site-main,.inside-article,.entry-content,.site-main>article){background:transparent!important}
body.hc-landing #page,body.hc-landing .site.grid-container{max-width:none!important;padding:0!important;margin:0!important}
body.hc-landing .site-content{padding:0!important;display:block!important}
body.hc-landing .content-area{width:100%!important;float:none!important;margin:0!important}
body.hc-landing :is(.site-main,.inside-article,.entry-content){margin:0!important;padding:0!important}
body.hc-landing :is(.entry-header,#right-sidebar,#left-sidebar){display:none!important}

/* 2 · intestazione e barra in cima. --wp-barra è la barra di WordPress di chi ha fatto l'accesso, --header-h l'altezza
   dell'intestazione (la misura promo.js). Perché la barra resti in cima, il body non deve scorrere da sé: il menu laterale del
   tema gli mette overflow-x:hidden e lo snippet 46 mette overflow-x:clip a html (skill hidron-sito-interventi). Il taglio dei lati
   sta sul body e su nessun contenitore della barra: sull'iPhone la farebbe tremare (WebKit 247130).
   Al telefono l'intestazione scorre via e resta la barra; al computer restano tutte e due (prototipo approvato, DESIGN.md) */
body.hc-landing{--wp-barra:0px;--header-h:64px}
@media (min-width:601px){body.hc-landing.admin-bar{--wp-barra:46px}}
@media (min-width:783px){body.hc-landing.admin-bar{--wp-barra:32px}}
html body.hc-landing{overflow-x:clip;overflow-y:visible}
body.hc-landing .site-header{position:relative}
@media (min-width:1024px){body.hc-landing .site-header{position:sticky;top:var(--wp-barra);z-index:100}}

/* 3 · nessun contatto sulla landing: via «Chiedi a Ivo» del sito e ogni link a WhatsApp, anche nel piè di pagina (31/10) */
body.hc-landing .floating-ai,body.hc-landing .floatings-whatsapp,body.hc-landing a[href*="wa.me/"],body.hc-landing a[href*="whatsapp.com/"]{display:none!important}

/* 4 · azzeramento: dentro la pagina valgono le regole di base del browser, non quelle del tema. Restano fuori i disegni (svg) */
#hc-promo :where(:not(svg,svg *)){all:revert}
#hc-promo,#hc-promo *,#hc-promo *::before,#hc-promo *::after{box-sizing:border-box}

/* 5 · i tre stati: un pezzo con data-solo si vede solo nei suoi stati. Senza stato (script fermo e nessun attributo dal server)
   vale «prima»: niente prezzi e niente pulsanti */
html[data-stato="prima"] #hc-promo [data-solo]:not([data-solo~="prima"]),
html[data-stato="durante"] #hc-promo [data-solo]:not([data-solo~="durante"]),
html[data-stato="dopo"] #hc-promo [data-solo]:not([data-solo~="dopo"]),
html:not([data-stato]) #hc-promo [data-solo]:not([data-solo~="prima"]){display:none!important}

/* 6 · per i lettori di schermo */
#hc-promo .hcp-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}