/* -------------------------------------------------------------------------
   Banner di consenso (Cookiebot) nei colori Spliven.

   COLORI DEFINITIVI (28/10/2026, decisione di Davide: «il colore non lo decido
   io, deve essere in linea con quelli del progetto e del sito»). Si segue la
   regola dei colori del progetto - ROSSO = azione, ARANCIO = identita' e
   accenti - e il rosso e' quello del SITO, #E51717, lo stesso del bottone
   «Modifica il consenso» della cookie policy, non quello dell'app:

     - i tre bottoni «Rifiuta», «Accetta selezionati», «Accetta tutti» e i link
       dentro il testo: ROSSO #E51717 (hover dei bottoni #BC1313);
     - gli interruttori accesi delle categorie, la scheda attiva del pannello e
       il logo «Powered by Cookiebot»: ARANCIO #FF4000.

   I LINK SONO ROSSI PER LEGGIBILITA' (28/10 pomeriggio, «ok con il consiglio»
   di Davide): in arancio su fondo bianco il contrasto misurato era 3,51:1,
   sotto la soglia di 4,5:1 che vale per un testo di 15px; col rosso del sito
   sale a 4,70:1. Non e' una deroga alla regola dei colori: un link E' un'azione.

   Nessun blu di Cookiebot resta visibile. La storia breve: il 27/10 i tre
   bottoni erano passati dal blu #1032CF al rosso dell'app #E5231B; il 28/10
   mattina tutto il banner era passato all'arancio; nel pomeriggio si e' fermata
   questa divisione, che e' quella dei colori di casa.

   Dalla console di Cookiebot i colori propri richiedono il piano a pagamento,
   quindi si fanno dal foglio di stile del sito: e' la strada che la guida di
   Cookiebot chiama "Overriding styles for the cookie banner with an external
   stylesheet".

   PERCHE' !important. Le regole di Cookiebot arrivano da un foglio che il suo
   script inietta DOPO questo, con selettori di specificita' pari o maggiore.
   Misurate col protocollo DevTools, col banner aperto in un profilo vuoto:
     #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton
         background-color: #1032CF; border: 2px solid #1032CF; color: #ffffff
     #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll
         background-color: #1032CF; border-color: #1032CF; color: #ffffff
     #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider
         background-color: #1032CF
     #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive
         border-bottom: 1px solid #1032CF (poi 3px); color: #1032CF
     #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a (e gli altri
         link del banner, stesso selettore multiplo): color: #2A4EEF
   Nessuna di quelle regole usa !important: qui !important basta e vince. I
   selettori sotto hanno due id (specificita' 2-0-0) dove si puo', cosi' reggono
   anche se un domani Cookiebot alzasse la specificita' delle sue.

   PARI EVIDENZA (rilievo L132). I tre bottoni restano identici fra loro: stesso
   fondo, stesso bordo, stesso testo, stessa misura (280x51 al 28/10). Nessuno
   dei tre e' piu' visibile degli altri - rifiutare deve costare quanto accettare.

   SE IL BANNER TORNA BLU: vuol dire che Cookiebot ha cambiato il modello e gli
   id qui sotto non esistono piu'. Si rimisurano col banner aperto in un profilo
   vuoto e si riaggiustano le regole. Spessori, raggi e misure non sono toccati.
   ------------------------------------------------------------------------- */

/* I tre bottoni del piede del banner: il rosso del sito. Di Cookiebot il bordo
   e' "2px solid #1032CF": si cambia solo il COLORE del bordo, non il suo
   spessore, cosi' la forma del bottone resta quella sua. */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #E51717 !important;
    border-color: #E51717 !important;
    color: #FFFFFF !important;
}

/* Col puntatore sopra: lo stesso rosso, piu' scuro, per tutti e tre.
   #BC1313 e' #E51717 abbassato di luminosita' (rgb 229,23,23 -> 188,19,19). */
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
    background-color: #BC1313 !important;
    border-color: #BC1313 !important;
    color: #FFFFFF !important;
}

/* Gli interruttori ACCESI delle categorie. Di suo Cookiebot li fa blu con
   "input:checked + ...Slider": la stessa regola vale per i "Necessari" (acceso e
   bloccato, l'unico acceso all'apertura) e per Preferenze, Statistiche e
   Marketing nel momento in cui la persona li accende. Qui si tiene quella forma,
   cosi' acceso vuol dire arancio in tutto il banner e non solo nella prima riga.
   Gli interruttori spenti restano scuri (#141414) come sono. */
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #FF4000 !important;
}

/* La scheda attiva del pannello ("Consenso" / "Dettagli" / "Informazioni sui
   cookie"): arancio sul testo e sulla riga sotto la scheda. */
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    color: #FF4000 !important;
    border-bottom-color: #FF4000 !important;
}

/* I link dentro il testo del banner e del pannello - «Informativa sui cookie
   (Cookie Policy)» nel corpo, «Informativa sulla privacy» nella scheda delle
   informazioni, e i loro fratelli. L'elenco dei selettori e' lo STESSO che usa
   Cookiebot per farli blu: prendendolo tutto non resta un link gemello dell'altro
   colore.
   Rosso e non arancio: il contrasto su fondo bianco passa da 3,51:1 a 4,70:1,
   cioe' sopra la soglia di 4,5:1 che vale per un testo di 15px. */
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialog .CybotCookiebotDialogDsrFormUrlDiv a,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: #E51717 !important;
}

/* Il logo «Powered by Cookiebot» in alto a destra: e' un <svg> di 25 figure
   senza attributo fill, quindi il colore glielo da' il foglio di stile e si puo'
   cambiare da qui. */
#CybotCookiebotDialogPoweredbyCybot,
#CybotCookiebotDialogPoweredbyCybot svg,
#CybotCookiebotDialogPoweredbyCybot svg path,
#CybotCookiebotDialogPoweredbyCybot svg rect,
#CybotCookiebotDialogPoweredbyCybot svg circle {
    color: #FF4000 !important;
    fill: #FF4000 !important;
}