/* ============================================================
   Cookiebot – CSS personalizzato GV Italia
   Scope: override MINIMALE per coerenza brand.
   Nota: NON viene toccato font/size/width/min-width/padding/min-height
   dei bottoni → le misure restano quelle di default di Cookiebot
   (così il layout del banner non viene snaturato).
   ============================================================ */

/* -----------------------------------------------------------------
   Bottoni banner + dialogo "Details": background + border-radius
   ----------------------------------------------------------------- */
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton {
  background: linear-gradient(to bottom left, #4662AC 0%, #31398A 100%) !important;
  background-color: #31398A !important;
  border: none !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  transition: filter .2s ease-out !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonCustomize:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDecline:hover,
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover {
  filter: brightness(1.08) !important;
}

/* -----------------------------------------------------------------
   Riduce lo spazio verticale tra i bottoni della colonna destra
   (Accetta tutto / Consenti selezione / Rifiuta)
   ----------------------------------------------------------------- */
#CybotCookiebotDialogBodyButtonsWrapper {
  gap: 6px !important;
  row-gap: 3px !important;
}
#CybotCookiebotDialogBodyButtonsWrapper > a,
#CybotCookiebotDialogBodyButtonsWrapper > button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* -----------------------------------------------------------------
   Nasconde solo il pallino/logo flottante del widget Cookiebot.
   Il pannello widget (data consenso, stato, revoca/modifica) resta
   funzionale e viene aperto dal link "Impostazioni Cookie" nel footer
   tramite click programmatico sul logo nascosto.
   ----------------------------------------------------------------- */
#CookiebotWidget .CookiebotWidget-logo {
  visibility: hidden !important;
  position: fixed !important;
  pointer-events: none !important;
}

/* -----------------------------------------------------------------
   Widget Cookiebot: icone, link dettagli, bottoni → blu brand
   ----------------------------------------------------------------- */

/* Bordo delle voci categoria (li) nel widget */
#CookiebotWidget .CookiebotWidget-consents-list li {
  border-color: #4662AC !important;
}

/* Icone categorie (checkmark consentito, lucchetto necessari) */
#CookiebotWidget .Cookiebotwidget-consent-icon svg,
#CookiebotWidget .Cookiebotwidget-consent-icon svg path {
  fill: #4662AC !important;
}

/* Bottone X (chiudi widget) → bordo e icona blu brand */
#CookiebotWidget .CookiebotWidget-close {
  border: 1px solid #4662AC !important;
  border-radius: 10px !important;
}
#CookiebotWidget .CookiebotWidget-close svg path {
  fill: #4662AC !important;
}

/* "Mostra dettagli" / "Nascondi dettagli" */
#CookiebotWidget .CookiebotWidget-show-consent-details {
  color: #4662AC !important;
}
#CookiebotWidget .CookiebotWidget-show-consent-details svg path {
  fill: #4662AC !important;
}

/* "Revoca consenso" → bordo blu brand, testo blu */
#CookiebotWidget-btn-withdraw {
  border-color: #4662AC !important;
  color: #4662AC !important;
  border-radius: 10px !important;
}

/* "Modifica Consenso" → sfondo blu brand, bordo blu brand, testo bianco */
#CookiebotWidget-btn-change {
  background-color: #4662AC !important;
  border-color: #4662AC !important;
  color: #ffffff !important;
  border-radius: 10px !important;
}


/* -----------------------------------------------------------------
   Overlay dietro al dialogo "Details" (modal Personalizza)
   ----------------------------------------------------------------- */
#CybotCookiebotDialogBodyUnderlay,
.CybotCookiebotDialogBodyUnderlay {
  background-color: rgba(0, 0, 0, 0.55) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* -----------------------------------------------------------------
   Link "Mostra dettagli" → blu brand solido (no gradient)
   ----------------------------------------------------------------- */
#CybotCookiebotDialogBodyEdgeMoreDetailsLink,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink:hover,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink:visited,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink * {
  color: #4662AC !important;
  fill: #4662AC !important;
}

/* -----------------------------------------------------------------
   Switch categorie (Obbligatoria, Preferenze, Statistiche, Marketing)
   Stato ON (checked, sia attivabili sia "Obbligatoria" disabled+checked)
   → blu brand solido, senza gradient
   ----------------------------------------------------------------- */
input.CybotCookiebotDialogBodyLevelButton:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background: linear-gradient(to bottom left, #4662AC 0%, #31398A 100%) !important;
  background-color: #31398A !important;
}

/* Stato OFF (non checked) → grigio neutro #999999 */
input.CybotCookiebotDialogBodyLevelButton:not(:checked) + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #999999 !important;
}

/* Hover sul testo delle etichette categorie (banner principale)
   Sovrascrive il blu elettrico default di Cookiebot col blu brand */
.CybotCookiebotDialogBodyLevelButtonLabel:hover,
.CybotCookiebotDialogBodyLevelButtonLabel:hover .CybotCookiebotDialogBodyLevelButtonDescription,
.CybotCookiebotDialogBodyLevelButtonDescription:hover {
  color: #31398A !important;
}