/* =====================================================================
   Home chiara (14/10/2026): la stessa home, con l'apertura su fondo chiaro
   invece che grafite. Pagina "Home chiara" (/home-chiara/, noindex, voce
   sotto Home nel menu italiano), copia della home con _lir_variante_home =
   "chiara". Questo foglio lo carica il mu-plugin lir-home-chiara.php, solo su
   quella pagina, dopo hero.css; vale solo con la classe lir-home--chiara sul
   body. Per togliere la prova: cestinare la pagina e cancellare il mu-plugin
   e questo foglio.

   Fondo grigio chiaro (#E3E8EB), un tono sotto la carta: il bianco era
   troppo chiaro, e la carta (#EDF0F2) e' il fondo della fascia delle cifre
   subito sotto, con cui si sarebbe fuso. Grigi del testo scuriti quanto
   basta per restare sopra 4,5 di contrasto su questo fondo.
   ===================================================================== */

body.lir-home--chiara .lir-hero{background:#E3E8EB;color:var(--inchiostro,#0C1418)}

/* Testi: grafite il titolo, petrolio occhiello e corsivo (il petrolio chiaro
   sul bianco non arriva al contrasto minimo per un testo piccolo) */
body.lir-home--chiara .lir-hero .elementor-heading-title,
body.lir-home--chiara .lir-hero h1,
body.lir-home--chiara .lir-hero.lir-hx h1{color:var(--grafite,#0C1418)}
body.lir-home--chiara .lir-hero.lir-hx h1 em,
body.lir-home--chiara .lir-hero.lir-hx.is-pieno h1 em{color:var(--petrolio,#11485C)}
body.lir-home--chiara .lir-hero .lir-occhiello,
body.lir-home--chiara .lir-hero .lir-occhiello .elementor-heading-title{color:var(--petrolio,#11485C)}
body.lir-home--chiara .lir-hero .elementor-widget-text-editor,
body.lir-home--chiara .lir-hero .lir-hero__testo{color:#46575E}

/* Preventivo pieno in petrolio, telefono in grafite */
body.lir-home--chiara a.lir-hx__bottone{background:var(--petrolio,#11485C);color:#fff}
body.lir-home--chiara a.lir-hx__bottone:hover{background:var(--petrolio-scuro,#0D3746);color:#fff}
body.lir-home--chiara a.lir-hx__tel{color:var(--grafite,#0C1418);border-bottom-color:rgba(12,20,24,.25)}
body.lir-home--chiara a.lir-hx__tel:hover{color:var(--grafite,#0C1418);border-bottom-color:var(--grafite,#0C1418)}
body.lir-home--chiara .lir-hx__tel span{color:#53656C}

/* La riga delle due scelte */
body.lir-home--chiara .lir-hero.lir-hx .lir-hero__scelte{border-top-color:rgba(12,20,24,.12)}
body.lir-home--chiara .lir-hero .lir-scelta__nome,
body.lir-home--chiara .lir-hero .lir-scelta__nome .elementor-heading-title{color:var(--grafite,#0C1418)}
body.lir-home--chiara .lir-hero.lir-hx .lir-scelta .lir-scelta__vai{color:#53656C}
body.lir-home--chiara .lir-hero.lir-hx .lir-scelta .lir-scelta__vai::after{color:var(--petrolio,#11485C)}
body.lir-home--chiara .lir-hero.lir-hx .lir-scelta:hover .lir-scelta__vai,
body.lir-home--chiara .lir-hero.lir-hx .lir-scelta:hover .lir-scelta__nome .elementor-heading-title{color:var(--petrolio,#11485C)}

/* Sotto i 1100px: niente presentazione di Elementor (le foto hanno un velo
   grafite, sotto un testo scuro non si leggerebbe) e il marchio in filigrana
   petrolio tenue al posto del bianco. L'opacita' va forzata: la regola dello
   slider spegne il marchio quando la diapositiva attiva non e' la prima, e la
   presentazione continua a girare anche nascosta. */
body.lir-home--chiara .lir-hero > .elementor-background-slideshow{display:none}
body.lir-home--chiara .lir-hero::after{opacity:1 !important}
@media (max-width:1099px){
  body.lir-home--chiara .lir-hero::after{background-color:rgba(17,72,92,.06)}
}

/* Da 1100px: il segno su fondo chiaro, e un velo grigio a sinistra quando
   la foto si apre a tutto schermo, cosi' il testo scuro resta leggibile */
@media (min-width:1100px){
  body.lir-home--chiara .lir-hero.lir-hx{background:radial-gradient(120% 90% at 80% 45%,#EDF1F3 0%,#E3E8EB 62%)}
  body.lir-home--chiara .lir-hx__fantasma{stroke:rgba(12,20,24,.08)}
  body.lir-home--chiara .lir-hx__velo{background:linear-gradient(90deg,rgba(227,232,235,.95) 0%,rgba(227,232,235,.8) 44%,rgba(227,232,235,.12) 100%)}
  body.lir-home--chiara .lir-hx__passo i{background:rgba(12,20,24,.14)}
  body.lir-home--chiara .lir-hx__passo i::after{background:var(--petrolio,#11485C)}
}