/* ==========================================================================
   XII ELITE HOST — Tema del banner cookie (sito chiaro)
   Riprende le variabili di xii.css: crema, antracite, oro rosa.
   Va caricato DOPO assets/vendor/cookieconsent/cookieconsent.css
   ========================================================================== */

#cc-main {
  --cc-font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --cc-modal-border-radius: 18px;
  --cc-btn-border-radius: 999px;
  --cc-z-index: 2147483000;

  --cc-bg: #FFFFFF;
  --cc-primary-color: #1E1A1D;
  --cc-secondary-color: #453E44;
  --cc-link-color: #A85C68;

  /* Stesso peso visivo per "Accetta" e "Rifiuta": entrambi pieni */
  --cc-btn-primary-bg: #B76E79;
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-border-color: #B76E79;
  --cc-btn-primary-hover-bg: #A85C68;
  --cc-btn-primary-hover-color: #FFFFFF;
  --cc-btn-primary-hover-border-color: #A85C68;

  --cc-btn-secondary-bg: #F3EFEA;
  --cc-btn-secondary-color: #1E1A1D;
  --cc-btn-secondary-border-color: #E5DCD3;
  --cc-btn-secondary-hover-bg: #EAE2DA;
  --cc-btn-secondary-hover-color: #1E1A1D;
  --cc-btn-secondary-hover-border-color: rgba(183, 110, 121, .38);

  --cc-separator-border-color: #E5DCD3;

  --cc-toggle-on-bg: #B76E79;
  --cc-toggle-off-bg: #BDB4B0;
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-off-knob-bg: #FFFFFF;
  --cc-toggle-enabled-icon-color: #FFFFFF;
  --cc-toggle-disabled-icon-color: #FFFFFF;
  --cc-toggle-readonly-bg: #D9CFC7;
  --cc-toggle-readonly-knob-bg: #FFFFFF;
  --cc-toggle-readonly-knob-icon-color: #B76E79;

  --cc-section-category-border: #E5DCD3;
  --cc-cookie-category-block-bg: #FBF9F6;
  --cc-cookie-category-block-border: #E5DCD3;
  --cc-cookie-category-block-hover-bg: #F3EFEA;
  --cc-cookie-category-block-hover-border: rgba(183, 110, 121, .38);
  --cc-cookie-category-expanded-block-bg: #FBF9F6;
  --cc-cookie-category-expanded-block-hover-bg: #F3EFEA;

  --cc-overlay-bg: rgba(30, 26, 29, .45);
  --cc-webkit-scrollbar-bg: #E5DCD3;
  --cc-webkit-scrollbar-hover-bg: #B76E79;

  --cc-footer-bg: #F3EFEA;
  --cc-footer-color: #6E676E;
  --cc-footer-border-color: #E5DCD3;
}

/* Titoli in Playfair, come nel resto del sito */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.01em;
}
#cc-main .cm__title { font-size: 1.35rem; }

#cc-main .cm,
#cc-main .pm { box-shadow: 0 30px 64px -28px rgba(30, 26, 29, .28); border: 1px solid rgba(183, 110, 121, .22); }

#cc-main .cm__btn,
#cc-main .pm__btn { font-weight: 600; letter-spacing: .01em; }

#cc-main .pm__badge { background: rgba(183, 110, 121, .12); color: #A85C68; }

/* Pulsante "Preferenze cookie" nel footer: stesso aspetto dei link */
button.f-link { background: none; border: 0; padding: 0; cursor: pointer; text-align: left; font: inherit; font-size: .88rem; }

/* ==========================================================================
   LINGUETTA DEI CONSENSI — dischetto sempre visibile in basso a sinistra.
   Lo crea xii-cookie.js: non va scritto nelle pagine.
   z-index 45: sta sotto la barra CTA (50), sotto il menu mobile (55) e
   sotto l'header (60), così non copre mai nulla di importante.
   ========================================================================== */

.xii-privacy-tab {
  position: fixed;
  left: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 45;

  width: 44px;
  height: 44px;
  padding: 0;
  display: grid;
  place-items: center;

  border: 1px solid rgba(183, 110, 121, .28);
  border-radius: 999px;
  background: #FFFFFF;
  box-shadow: 0 10px 26px -12px rgba(30, 26, 29, .34);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;

  /* Nasconde finché xii-cookie.js non aggiunge .is-visible */
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.9);
  transition: opacity .32s ease, transform .32s ease, visibility .32s,
              border-color .2s ease, box-shadow .2s ease;
}

.xii-privacy-tab.is-visible { opacity: .82; visibility: visible; transform: none; }

.xii-privacy-tab svg { width: 21px; height: 21px; display: block; }
.xii-privacy-tab svg path {
  fill: none;
  stroke: #A85C68;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.xii-privacy-tab svg .spunta { stroke-width: 1.9; }

.xii-privacy-tab:hover,
.xii-privacy-tab:focus-visible {
  opacity: 1;
  border-color: rgba(183, 110, 121, .55);
  box-shadow: 0 14px 30px -12px rgba(183, 110, 121, .5);
}
.xii-privacy-tab:focus-visible { outline: 2px solid #B76E79; outline-offset: 3px; }
.xii-privacy-tab:active { transform: scale(.94); }

/* Mentre il menu del telefono è aperto la linguetta sparisce */
body.menu-open .xii-privacy-tab { opacity: 0; visibility: hidden; }

/* Sul telefono si alza sopra la barra CTA fissa, dove c'è */
@media (max-width: 767px) {
  .xii-privacy-tab { width: 40px; height: 40px; left: 14px; }
  .xii-privacy-tab svg { width: 19px; height: 19px; }
  .xii-privacy-tab--alta { bottom: calc(80px + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  .xii-privacy-tab { transition: opacity .01ms, visibility .01ms; transform: none; }
  .xii-privacy-tab.is-visible { transform: none; }
}