/* =========================================================================
   PROBAR - banner del consenso: SOLO la forma, non i colori

   PERCHE' QUI NON CI SONO COLORI, ed e' la cosa importante da sapere.
   iubenda scrive i colori del banner **inline con !important**, cosi':

       style="background-color: #EFEAEA !important; color: #000000 !important;"

   Contro una dichiarazione inline con !important nessun foglio di stile
   vince, per quanto si alzi la specificita'. Provato il 1 settembre 2026: la
   regola sul fondo perdeva, quella sul testo passava agli elementi figli, e il
   risultato era testo chiaro su fondo chiaro, **contrasto 1,33:1**. Rimediato
   nel giro di pochi minuti togliendo di qui ogni colore.

   Quindi la divisione del lavoro e' questa, e non e' una preferenza:

       i COLORI      si mettono in iubenda, Configuratore > Tema
       la FORMA      si mette qui: raggi, spaziature, corpo del carattere

   L'HTML del banner non si tocca mai: dentro ci sono le classi e gli attributi
   a cui iubenda aggancia i pulsanti, e riscriverlo vorrebbe dire prendersi la
   responsabilita' della meccanica del consenso.

   SPECIFICITA': l'id e' ripetuto due volte apposta. iubenda ha regole
   !important sue, e con una sola menzione i pulsanti restavano con le misure
   di prima.

   REGOLA CHE NON SI TOCCA: "Accetta" e "Rifiuta" restano gemelli. Stessa
   forma, stessa misura, stesso peso. Qui sotto hanno le stesse identiche
   dichiarazioni: se un domani si cambia il taglio di uno, si cambia l'altro.
   ========================================================================= */

/* --- i pulsanti: angoli quasi vivi, come quelli del sito ----------------- */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-consent button,
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-custom button {
  border-radius: 3px !important;
  font-family: "Open Sans", system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 12px 20px !important;
}

/* --- il corpo del testo: solo carattere e respiro, nessun colore --------- */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-rationale {
  font-family: "Open Sans", system-ui, sans-serif !important;
  line-height: 1.55 !important;
}

/* --- il logo nella barra: che non diventi enorme ------------------------- */
#iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-brand img {
  max-height: 26px !important;
  width: auto !important;
}

/* --- il telefono ha meno spazio ----------------------------------------- */
@media (max-width: 480px) {
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-rationale {
    line-height: 1.5 !important;
  }
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-consent button,
  #iubenda-cs-banner#iubenda-cs-banner .iubenda-cs-opt-group-custom button {
    padding: 11px 14px !important;
    font-size: 13px !important;
  }
}