/* ====================================================================== */
/* Banner dei cookie Genial: dai colori del tema .dark (blu #005891 /      */
/* #006cb3) ai colori del sito. Stesso schema di Y:\camping-italy.net.     */
/* ====================================================================== */
/* Caricato da _Layout.cshtml dopo site.css, solo quando il banner e' attivo: usa le sue variabili
   (--verde-scuro, --verde-hero, --verde-chiaro, --verde-link, --giallo, --bordo, --raggio, i font).
   Il banner, il centro preferenze e il pulsantino "Cookie" li costruisce il motore Genial, che
   aggiunge il suo foglio di stile in fondo all'head, quindi DOPO questo file. Per vincere si usano
   gli id dei suoi elementi (#cc_init, #cc_accept, #customsetting, #acceptall, #savecustomize,
   #rejectall, #updatecookie), catene di classi piu' lunghe delle sue e !important.
   Il rifiuto resta in vista quanto l'accettazione: lo chiede il Garante. */

/* Banner iniziale: bianco, con la riga verde in alto. */
body #cc_init.cc_dialog { background: var(--bianco) !important; color: var(--verde-scuro) !important; font-family: var(--font-testo) !important; border-radius: var(--raggio) var(--raggio) 0 0 !important; box-shadow: 0 -8px 40px rgba(21, 58, 43, .28) !important; border-top: 4px solid var(--verde-scuro) !important; }
body #cc_init .cc_dialog_headline { color: var(--verde-scuro) !important; font-family: var(--font-titoli) !important; font-weight: 700 !important; }
body #cc_init .cc_dialog_text { color: var(--verde-scuro) !important; }
/* Il motore forza i link in bianco: sul fondo bianco sparirebbero. */
body #cc_init .cc_dialog_text a, body #cc_init .cc_dialog_text a b { color: var(--verde-link) !important; text-decoration: underline !important; }
/* Accetto = verde pieno, come i pulsanti del sito; Maggiori opzioni = giallo dell'accento. */
body #cc_init #cc_accept { background: var(--verde-scuro) !important; color: var(--bianco) !important; border: 0 !important; border-radius: 10px !important; font-weight: 700 !important; padding: 10px 22px !important; }
body #cc_init #cc_accept:hover { background: var(--verde-hero) !important; }
body #cc_init #customsetting { background: var(--giallo) !important; color: var(--verde-scuro) !important; border: 0 !important; border-radius: 10px !important; font-weight: 700 !important; padding: 10px 22px !important; }
body #cc_init #customsetting:hover { background: #e3a51c !important; }
/* "Chiudi e rifiuta tutto" e la crocetta: il motore li disegna in bianco. */
body #cc_init .cc_close_dialog span { color: var(--verde-scuro) !important; }
body #cc_init #cc_closebutton .cc_close_button:before,
body #cc_init #cc_closebutton .cc_close_button:after { background-color: var(--verde-scuro) !important; }

/* Centro preferenze: velo verde scuro, finestra arrotondata. */
body .cookie-consent-preferences-overlay { background: rgba(21, 58, 43, .6) !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent { border-radius: var(--raggio) !important; overflow: hidden !important; box-shadow: 0 18px 60px rgba(0, 0, 0, .35) !important; font-family: var(--font-testo) !important; }
/* Intestazione chiara. Il tema .dark la fa blu: .containerconsent ripetuta alza la specificita'. */
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_head { background: var(--verde-chiaro) !important; color: var(--verde-scuro) !important; border-bottom: 1px solid var(--bordo) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_head h2,
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_head p { color: var(--verde-scuro) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_head .cc_cp_head_title_pcenter_title { color: var(--verde-scuro) !important; font-family: var(--font-titoli) !important; font-weight: 700 !important; }
/* La crocetta di chiusura: barre verdi e cerchio al passaggio del mouse. */
html body .cookie-consent-preferences-overlay.cookie-consent-preferences-overlay .cc_close_button { border-radius: 50% !important; opacity: 1 !important; transition: background .15s; }
html body .cookie-consent-preferences-overlay.cookie-consent-preferences-overlay .cc_close_button:hover { background: rgba(21, 58, 43, .1) !important; }
html body .cookie-consent-preferences-overlay.cookie-consent-preferences-overlay .cc_close_button:before,
html body .cookie-consent-preferences-overlay.cookie-consent-preferences-overlay .cc_close_button:after { background-color: var(--verde-scuro) !important; }
/* Il testo delle schede: fondo bianco al posto del blu #006cb3. */
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content { background: var(--bianco) !important; color: var(--verde-scuro) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .contentconsent { background: var(--bianco) !important; color: var(--verde-scuro) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .contentconsent .contentconsent_entry,
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .contentconsent p { color: var(--verde-scuro) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .contentconsent h1,
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .contentconsent .contentconsent_entry_title { color: var(--verde-scuro) !important; font-family: var(--font-titoli) !important; font-weight: 700 !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .contentconsent a { color: var(--verde-link) !important; font-weight: 700 !important; text-decoration: underline !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .ConsentLogLabel { color: var(--grigio) !important; font-weight: 700; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .ConsentLogVal { color: var(--verde-scuro) !important; }
/* Il menu delle schede: fondo verde chiaro, scheda aperta verde pieno. */
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_content .menuconsent { background: var(--verde-chiaro) !important; }
/* Larghezza fissa solo su schermo largo: sotto i 600px il motore mette il menu in colonna a tutta larghezza. */
@media (min-width: 601px) {
    body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_content .menuconsent { min-width: 172px !important; width: 172px !important; }
}
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_content .menuconsent li { background: var(--verde-chiaro) !important; border-bottom: 1px solid var(--bordo) !important; border-right: 1px solid var(--bordo) !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_content .menuconsent li a { color: var(--verde-scuro) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .menuconsent li[active=true] { background: var(--verde-scuro) !important; }
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_content .menuconsent li[active=true] a { color: var(--bianco) !important; }
/* Gli interruttori accesi: verde dei link al posto del verde chiaro #55d069. */
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent:checked + label:before,
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent-sm:checked + label:before { background: var(--verde-link) !important; border-color: var(--verde-link) !important; }
/* Interruttori spenti: il bordo del motore (#d9d9d9) sul bianco fa 1.41:1; il grigio del sito arriva a 5.64:1. */
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent:not(:checked) + label:before,
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent-sm:not(:checked) + label:before,
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent + label:after,
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent-sm + label:after { border-color: var(--grigio) !important; }
/* Il focus va sulla casella, che il motore nasconde: lo si disegna sull'interruttore. */
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent:focus-visible + label:before,
html body .cookie-consent-preferences-overlay input[type="checkbox"].checkbox_cookie_consent-sm:focus-visible + label:before { outline: 3px solid var(--verde-scuro) !important; outline-offset: 2px; }
/* I tre pulsanti in fondo: Consenti tutti = verde pieno, Conferma = giallo, Rifiuta tutti = bordo verde. */
html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_footer { background: var(--bianco) !important; border-top: 1px solid var(--bordo) !important; padding: 14px 18px !important; gap: 10px; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_footer button { border-radius: 10px !important; font-weight: 700 !important; padding: 10px 20px !important; font-size: .9rem !important; border: 2px solid transparent !important; opacity: 1 !important; cursor: pointer; transition: background .2s, border-color .2s; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent #acceptall { background: var(--verde-scuro) !important; color: var(--bianco) !important; border-color: var(--verde-scuro) !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent #acceptall:hover { background: var(--verde-hero) !important; border-color: var(--verde-hero) !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent #savecustomize { background: var(--giallo) !important; color: var(--verde-scuro) !important; border-color: var(--giallo) !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent #savecustomize:hover { background: #e3a51c !important; border-color: #e3a51c !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent #rejectall { background: var(--bianco) !important; color: var(--verde-scuro) !important; border-color: var(--verde-scuro) !important; }
body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent #rejectall:hover { background: var(--verde-chiaro) !important; }

/* Il pulsantino "Cookie" in basso a destra, che riapre le preferenze: una pillola verde. */
body .cc_dialog.cc_update_dialog { background: transparent !important; padding: .6rem !important; }
body .cc_dialog.cc_update_dialog #updatecookie { background: var(--verde-scuro) !important; color: var(--bianco) !important; border: 2px solid var(--bianco) !important; min-height: 44px; border-radius: 22px !important; padding: 9px 16px !important; font-weight: 700 !important; font-size: .82rem !important; box-shadow: 0 4px 14px rgba(21, 58, 43, .25) !important; display: inline-flex !important; align-items: center; gap: 7px; transition: background .2s; }
body .cc_dialog.cc_update_dialog #updatecookie:hover { background: var(--verde-hero) !important; }
body .cc_dialog.cc_update_dialog #updatecookie img { width: 16px; height: 16px; filter: brightness(0) invert(1); }

/* Il contorno di chi usa la tastiera: il motore usa un verde chiaro che sul bianco quasi non si vede. */
html body .cc_css_reboot a:focus, html body .cc_css_reboot button:focus,
html body .cc_css_reboot input:focus, html body .cc_css_reboot select:focus,
html body #cc_closebutton:focus,
html body .cookie-consent-preferences-overlay .cc_close_button:focus-visible,
html body .cookie-consent-preferences-overlay .cc_cp_head [tabindex]:focus-visible { outline: 3px solid var(--verde-link) !important; outline-offset: 2px; }
/* Voci di menu: anello interno, che l'overflow:hidden del riquadro non taglia; bianco sulla voce aperta
   (verde scuro), dove il verde dei link arriverebbe solo a 2.40:1. */
html body .cookie-consent-preferences-overlay .menuconsent li a:focus-visible { outline: 3px solid var(--verde-link) !important; outline-offset: -3px !important; }
html body .cookie-consent-preferences-overlay .menuconsent li[active=true] a:focus-visible { outline-color: var(--bianco) !important; }
/* Pulsantino "Cookie": doppio anello, visibile sia sulle pagine chiare sia sopra il piede verde scuro. */
html body .cc_dialog.cc_update_dialog #updatecookie:focus-visible { outline: 3px solid var(--verde-scuro) !important; outline-offset: 2px; box-shadow: 0 0 0 2px var(--bianco), 0 4px 14px rgba(21, 58, 43, .25) !important; }

/* Telefoni: i tre pulsanti in fondo al centro preferenze vanno uno sotto l'altro, a tutta larghezza. */
@media (max-width: 600px) {
    body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_content .menuconsent { width: 100% !important; min-width: 0 !important; }
    body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_content .menuconsent li { border-right: 0 !important; }
    html body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent.containerconsent .cc_cp_footer { flex-wrap: wrap; }
    body .cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .containerconsent .cc_cp_footer button { flex: 1 1 100%; }
}

/* Chi chiede meno movimento: niente transizioni. */
@media (prefers-reduced-motion: reduce) {
    body .cookie-consent-preferences-overlay .cc_close_button,
    body .cookie-consent-preferences-overlay .cc_cp_footer button,
    body .cc_dialog.cc_update_dialog #updatecookie { transition: none !important; }
}