/* Banner e finestra dei cookie di Iubenda nello stile del sito (capo 04/10/2026: «il banner di iubenda deve essere custom
   come è sul sito»). Era scritto dentro index.html dal 04/05/2026 (iter 3, CSS dato dal capo): spostato qui tale e quale
   perché lo usino la home e le pagine fan. Unica differenza: le variabili hanno il loro valore di ripiego, così vale anche
   sulle pagine che non caricano css/variables.css (stessi valori di variables.css: Bebas Neue, Montserrat, #EAE6DF, #18868F). */
/* Safety: --font-heading-scale fallback (var non in variables.css). 1 = no scaling. */
:root { --font-heading-scale: 1; }

/* ===== RESET HEADER E FOOTER POPUP IUBENDA (COMPATIBILE SAFARI) ===== */

/* Contenitore top che include header e body */
#iubenda-iframe .iubenda-iframe-top-container {
  background: #D6C8B6 !important;
  background-color: #D6C8B6 !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  border: none !important;
  position: relative !important;
  z-index: 5 !important;
}

/* Rimozione pseudo-elementi del contenitore */
#iubenda-iframe .iubenda-iframe-top-container::before,
#iubenda-iframe .iubenda-iframe-top-container::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  mix-blend-mode: normal !important;
  opacity: 0 !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
  position: static !important;
  visibility: hidden !important;
}

/* Rimozione sfumature header */
#iubenda-iframe .purposes-header {
  background-color: #121212 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  border: none !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Rimozione sfumature footer */
#iubenda-iframe .iubenda-iframe-footer {
  background-color: #121212 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
  border: none !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Pseudo-elementi di header e footer */
#iubenda-iframe .purposes-header::before,
#iubenda-iframe .purposes-header::after,
#iubenda-iframe .iubenda-iframe-footer::before,
#iubenda-iframe .iubenda-iframe-footer::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  opacity: 0 !important;
  border: none !important;
  height: 0 !important;
  width: 0 !important;
  position: static !important;
  visibility: hidden !important;
}

/* Correzioni link */
#purposes-content-container a,
#purposes-content-container button.iubenda-privacy-policy-link {
  color: #EAE6DF !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* Banner Iubenda */
#iubenda-cs-banner .iubenda-cs-opt-group button {
  border-radius: 0px !important;
  border: none !important;
  text-transform: uppercase !important;
}

@media (min-width: 640px) {
  #iubenda-cs-banner .iubenda-banner-content div:nth-child(1) {
    margin-top: 0px !important;
    text-transform: uppercase !important;
  }
}

#iubenda-cs-banner [class^=iub],
.iub-toggle-checkbox.granular-control-checkbox span {
  font-size: calc(var(--font-heading-scale) * 1rem) !important;
  text-transform: uppercase !important;
}

@media (min-width: 992px) {
  #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-bottom .iubenda-granular-controls-container,
  #iubenda-cs-banner.iubenda-cs-default.iubenda-cs-top .iubenda-granular-controls-container {
    grid-gap: 24px !important;
    padding: 16px 16px 32px !important;
    border-top: 0 !important;
    margin-bottom: 0 !important;
    justify-content: center !important;
    text-transform: uppercase !important;
  }
}

/* Bottoni hover */
#iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary:hover {
  background-color: #B25A38 !important;
  color: #121212 !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: none !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#iubenda-cs-banner .iubenda-cs-opt-group button:hover {
  background-color: #121212 !important;
  color: #18868F !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: none !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#iubenda-cs-banner .iubenda-banner-content a {
  text-decoration: none !important;
  text-transform: uppercase !important;
}

/* Popup Iframe */
#iubenda-iframe-content * {
  text-transform: uppercase !important;
}

#iubenda-iframe .iub-btn {
  border-radius: 0px !important;
  border: none !important;
  background-color: #121212 !important;
  color: #EAE6DF !important;
  text-transform: uppercase !important;
}

#iubenda-iframe .iub-btn:hover {
  color: #18868F !important;
  text-transform: uppercase !important;
}

#iubenda-iframe #iubFooterBtnContainer button {
  border-radius: 0px !important;
  border: none !important;
  background-color: #FF8C42 !important;
  color: #121212 !important;
  text-transform: uppercase !important;
}

#iubenda-iframe #iubFooterBtnContainer button:hover {
  background-color: #B25A38 !important;
  color: #121212 !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  outline: none !important;
  border: none !important;
  transition: none !important;
  mix-blend-mode: normal !important;
  background-blend-mode: normal !important;
  text-transform: uppercase !important;
}

/* Bottoni accetta/rifiuta */
#iubenda-iframe .iub-btn-consent.iub-btn-accept,
#iubenda-iframe .iub-btn-consent.iub-btn-reject {
  color: #121212 !important;
  background-color: #FF8C42 !important;
  background-image: none !important;
  text-transform: uppercase !important;
}

#iubenda-iframe .iub-btn-consent.iub-btn-accept:hover,
#iubenda-iframe .iub-btn-consent.iub-btn-reject:hover {
  color: #121212 !important;
  background-color: #B25A38 !important;
  text-transform: uppercase !important;
}

/* Titoli e testo */
#purposes-content-container .purposes-header .purposes-header-title,
#purposes-content-container .purposes-section-header-title {
  font-size: calc(var(--font-heading-scale) * 1.5rem) !important;
  color: #EAE6DF !important;
  text-transform: uppercase !important;
}

#purposes-content-container .purposes-header .purposes-header-text,
#purposes-content-container .purposes-section-header-text,
#purposes-content-container .purposes-item.purposes-item-shown .purposes-item-body,
#purposes-content-container .purposes-item .purposes-item-title .purposes-item-title-btn {
  font-size: calc(var(--font-heading-scale) * 1rem) !important;
  color: #EAE6DF !important;
  text-transform: uppercase !important;
}

#purposes-content-container .purposes-section-body.no-forced-bold .purposes-item-title label {
  font-size: calc(var(--font-heading-scale) * 1.2rem) !important;
  text-transform: uppercase !important;
}

/* Bottoni nel popup */
#iubenda-iframe .iub-btn-consent {
  padding: 8px 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  text-transform: uppercase !important;
}

/* Background del cookie settings */
#iubenda-cs-banner .iubenda-banner-content button {
  text-decoration: none !important;
  text-transform: uppercase !important;
}

#purposes-content-container .purposes-section {
  background-color: #121212 !important;
  color: #EAE6DF !important;
}

#purposes-content-container .purposes-item .purposes-item-header {
  background: none !important;
  background-color: #121212 !important;
  color: #EAE6DF !important;
}

#iubenda-iframe .iub-consent-buttons {
  background-color: #121212 !important;
  color: #EAE6DF !important;
}

#purposes-content-container .purposes-item.purposes-item-shown .purposes-item-body {
  background-color: #121212 !important;
  color: #EAE6DF !important;
}

#purposes-content-container .purposes-items {
  background-color: #121212 !important;
  color: #EAE6DF !important;
}

#iubenda-iframe * {
  letter-spacing: 0.06rem !important;
}

/* Rimuovere pulsante "Continua Senza Accettare" Iubenda */
#iubenda-cs-banner .iubenda-cs-cwa-button {
  display: none !important;
}

/* Hide check/cross icons (svg + ::before/::after) sui popup accept/reject buttons */
#iubenda-iframe .iub-btn-accept::before,
#iubenda-iframe .iub-btn-accept::after,
#iubenda-iframe .iub-btn-reject::before,
#iubenda-iframe .iub-btn-reject::after,
#iubenda-iframe-popup .iub-btn-accept::before,
#iubenda-iframe-popup .iub-btn-accept::after,
#iubenda-iframe-popup .iub-btn-reject::before,
#iubenda-iframe-popup .iub-btn-reject::after,
#iubenda-iframe .purposes-btn-accept::before,
#iubenda-iframe .purposes-btn-accept::after,
#iubenda-iframe .purposes-btn-reject::before,
#iubenda-iframe .purposes-btn-reject::after {
  content: none !important;
  display: none !important;
}

#iubenda-iframe .iub-btn-accept svg,
#iubenda-iframe .iub-btn-reject svg,
#iubenda-iframe-popup .iub-btn-accept svg,
#iubenda-iframe-popup .iub-btn-reject svg,
#iubenda-iframe .purposes-btn-accept svg,
#iubenda-iframe .purposes-btn-reject svg {
  display: none !important;
}

/* Footer link Iubenda — kill Iubenda.js auto-styling, match nav-link siblings (CONTACT/YOUTUBE/TIKTOK/TERMS/PRIVACY/COOKIE).
   I 2 link COOKIES SETTINGS (.iubenda-cs-preferences-link) + NOTICE AT COLLECTION (.iubenda-cs-uspr-link) NON hanno
   class iubenda-nostyle → Iubenda library applica auto styling (font-size/letter-spacing/font-family override). */
#game-footer .iubenda-cs-preferences-link.nav-link,
#game-footer .iubenda-cs-uspr-link.nav-link {
  font-family: var(--font-heading, 'Bebas Neue', sans-serif) !important;
  font-size: 1rem !important;
  letter-spacing: 0 !important;
  color: var(--color-text-light, #EAE6DF) !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  text-transform: uppercase !important;
}

#game-footer .iubenda-cs-preferences-link.nav-link:hover,
#game-footer .iubenda-cs-uspr-link.nav-link:hover {
  color: var(--color-primary, #18868F) !important;
}