/* ---- Cookiebot: il banner dei cookie con lo stile della pagina (Manrope e Sora, prugna, angoli arrotondati) ------------------------------------------------------
 * Cookiebot disegna il banner dentro la pagina e mette i suoi stili con selettori forti: per questo qui serve "!important". Sono solo regole di aspetto (colori, caratteri, angoli,
 * posizione): non cambiano cosa dice il banner, quali pulsanti ha ne' come funziona. Il testo, la lingua e i pulsanti si decidono nel pannello di Cookiebot.
 * Se un giorno Cookiebot cambia i nomi interni, il banner resta quello di Cookiebot (funziona uguale, solo meno intonato): niente si rompe. */

#CybotCookiebotDialog,
#CybotCookiebotDialog *:not(svg):not(path) {
  font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

#CybotCookiebotDialog {
  --lp-plum: #4b2338;
  --lp-plum-2: #7d445e;
  --lp-line: rgba(75, 35, 56, 0.14);
  color: #252129 !important;
  background: #fffdfb !important;
  border: 1px solid var(--lp-line) !important;
  border-radius: 28px !important;
  box-shadow: 0 30px 90px rgba(44, 31, 41, 0.34), 0 2px 6px rgba(44, 31, 41, 0.08) !important;
  line-height: 1.55 !important;
}

/* banner in basso (schermi larghi, da 1280 px: sotto Cookiebot lo mostra al centro come finestra e va lasciato com'e'): una scheda sospesa, non una barra a tutta larghezza */
@media (min-width: 1280px) {
  #CybotCookiebotDialog.CybotEdge {
    width: min(1240px, calc(100vw - 36px)) !important;
    min-width: 0 !important;
    max-width: min(1240px, calc(100vw - 36px)) !important;
    top: calc(100% - 18px) !important;
    padding: 24px 28px !important;
  }
}

/* telefono: foglio con i margini del resto della pagina e angoli piu' grandi */
@media (max-width: 899px) {
  #CybotCookiebotDialog.CybotEdge {
    border-radius: 26px !important;
    max-height: calc(100vh - 24px) !important;
  }
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyContentHeading,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
  color: var(--lp-plum) !important;
  font-family: "Sora", "Manrope", ui-sans-serif, system-ui, sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText * {
  color: #4b4350 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
  color: var(--lp-plum-2) !important;
  font-weight: 800 !important;
  text-underline-offset: 3px !important;
}

#CybotCookiebotDialog a:focus-visible,
#CybotCookiebotDialog button:focus-visible,
#CybotCookiebotDialog input:focus-visible + span {
  outline: 3px solid rgba(125, 68, 94, 0.55) !important;
  outline-offset: 2px !important;
}

/* pulsanti: a pillola; "accetta tutti" pieno, gli altri col bordo */
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  min-height: 52px !important;
  border: 1.5px solid rgba(75, 35, 56, 0.3) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--lp-plum) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonAccept {
  border-color: transparent !important;
  background: linear-gradient(135deg, #7d445e, #4b2338) !important;
  box-shadow: 0 12px 28px rgba(75, 35, 56, 0.28) !important;
  color: #fff !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover {
  border-color: var(--lp-plum-2) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonAccept:hover {
  border-color: transparent !important;
  filter: brightness(1.08);
}

/* interruttori delle categorie: prugna quando sono accesi */
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--lp-plum-2) !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonDescription,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonLabel {
  color: var(--lp-plum) !important;
  font-weight: 800 !important;
}

/* linguette e righe di dettaglio */
#CybotCookiebotDialog .CybotCookiebotDialogNavItemLink {
  color: #4b4350 !important;
  font-weight: 800 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom-color: var(--lp-plum-2) !important;
  color: var(--lp-plum) !important;
}

#CybotCookiebotDialog hr,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsRow,
#CybotCookiebotDialog .CybotCookiebotDialogBodyBottomWrapper {
  border-color: var(--lp-line) !important;
}

/* il pulsante "Gestisci le preferenze sui cookie" nel piede della pagina */
.lp-foot__cookie {
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}

.lp-foot__cookie[hidden] {
  display: none;
}

.lp-foot__cookie:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.85);
  outline-offset: 3px;
}

@media print {
  #CybotCookiebotDialog,
  .lp-foot__cookie {
    display: none !important;
  }
}