/* CPE Italia · personalizzazione del banner cookie (vanilla-cookieconsent 3.1.0)
   Caricare DOPO cookieconsent.css e cpe.css. I valori ripiegano sui colori di cpe.css se le variabili mancano. */
#cc-main {
  --cc-font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
  --cc-z-index: 2147483000;
  --cc-modal-border-radius: var(--r-lg, 10px);
  --cc-btn-border-radius: var(--r-md, 6px);
  --cc-pm-toggle-border-radius: 4em;
  --cc-bg: var(--cpe-carta, #fff);
  --cc-primary-color: var(--cpe-inchiostro, #131a21);
  --cc-secondary-color: var(--cpe-grigio, #5a6672);
  --cc-link-color: var(--cpe-blu, #174470);

  /* Accetta e Rifiuta: stesso stile pieno (pari evidenza, nessun dark pattern) */
  --cc-btn-primary-bg: var(--cpe-blu, #174470);
  --cc-btn-primary-color: #fff;
  --cc-btn-primary-border-color: var(--cpe-blu, #174470);
  --cc-btn-primary-hover-bg: var(--cpe-blu-scuro, #0e2d4c);
  --cc-btn-primary-hover-color: #fff;
  --cc-btn-primary-hover-border-color: var(--cpe-blu-scuro, #0e2d4c);

  /* Personalizza / Salva: contorno blu */
  --cc-btn-secondary-bg: var(--cpe-carta, #fff);
  --cc-btn-secondary-color: var(--cpe-blu, #174470);
  --cc-btn-secondary-border-color: var(--cpe-blu, #174470);
  --cc-btn-secondary-hover-bg: var(--cpe-blu-tenue, #eaf1f8);
  --cc-btn-secondary-hover-color: var(--cpe-blu-scuro, #0e2d4c);
  --cc-btn-secondary-hover-border-color: var(--cpe-blu-scuro, #0e2d4c);

  --cc-separator-border-color: var(--cpe-linea, #dfe5ec);
  --cc-toggle-on-bg: var(--cpe-blu, #174470);
  --cc-toggle-off-bg: var(--cpe-grigio, #5a6672);
  --cc-toggle-on-knob-bg: #fff;
  --cc-toggle-off-knob-bg: #fff;
  --cc-toggle-enabled-icon-color: #fff;
  --cc-toggle-disabled-icon-color: #fff;
  --cc-toggle-readonly-bg: var(--cpe-linea-forte, #c3ccd8);
  --cc-toggle-readonly-knob-bg: #fff;
  --cc-toggle-readonly-knob-icon-color: var(--cpe-grigio, #5a6672);

  --cc-section-category-border: var(--cpe-linea, #dfe5ec);
  --cc-cookie-category-block-bg: var(--cpe-blu-velo, #f5f8fb);
  --cc-cookie-category-block-border: var(--cpe-linea, #dfe5ec);
  --cc-cookie-category-block-hover-bg: var(--cpe-blu-tenue, #eaf1f8);
  --cc-cookie-category-block-hover-border: var(--cpe-linea-forte, #c3ccd8);
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--cpe-blu-tenue, #eaf1f8);

  --cc-overlay-bg: rgba(8, 29, 51, .55);
  --cc-footer-bg: var(--cpe-blu-velo, #f5f8fb);
  --cc-footer-color: var(--cpe-grigio, #5a6672);
  --cc-footer-border-color: var(--cpe-linea, #dfe5ec);
  --cc-modal-transition-duration: var(--tempo, 180ms);
}

#cc-main .cm,
#cc-main .pm {
  border: 1px solid var(--cpe-linea, #dfe5ec);
  box-shadow: var(--ombra-3, 0 12px 34px rgba(19, 26, 33, .1));
}
#cc-main .cm__title,
#cc-main .pm__title {
  font-weight: 680;
  letter-spacing: -.01em;
  color: var(--cpe-blu-scuro, #0e2d4c);
}
#cc-main .cm__desc,
#cc-main .pm__section-desc {
  line-height: var(--lh-larga, 1.65);
}
#cc-main .cm__btn,
#cc-main .pm__btn {
  font-weight: 640;
  min-height: 44px; /* area di tocco minima */
}
/* X di chiusura (= rifiuto): sobria, non in competizione con i pulsanti principali */
#cc-main .cm__btn--close {
  background: var(--cpe-carta, #fff);
  border: 1px solid var(--cpe-linea, #dfe5ec);
  min-height: 0;
}
#cc-main .cm__btn--close svg { stroke: var(--cpe-blu, #174470); }
#cc-main .cm__btn--close:hover { background: var(--cpe-blu-tenue, #eaf1f8); }

/* Focus visibile, coerente con cpe.css */
#cc-main button:focus-visible,
#cc-main a:focus-visible,
#cc-main input:focus-visible + .section__toggle-wrapper,
#cc-main .pm__section-title:focus-visible {
  outline: 3px solid var(--cpe-blu-vivo, #3d8ad4);
  outline-offset: 2px;
}
#cc-main .section__toggle:focus-visible ~ .toggle__icon {
  box-shadow: 0 0 0 3px var(--cpe-blu-vivo, #3d8ad4);
}

/* Smartphone: banner a tutta larghezza, pulsanti impilati di pari dimensione */
@media (max-width: 640px) {
  #cc-main .cm { max-width: none; }
  #cc-main .cm__btns,
  #cc-main .cm__btn-group { flex-direction: column; }
  #cc-main .cm__btn:not(.cm__btn--close) { width: 100%; }
}

/* Il banner non deve coprire la barra fissa del sito, se presente */
@media (min-width: 768px) {
  #cc-main .cm--box.cm--bottom { bottom: calc(var(--s-4, 1rem)); }
}

/* Link "Preferenze cookie" nel footer (classe suggerita, facoltativa) */
.cpe-link-cookie {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}