/**
 * cookieconsent-custom.css — Uomini Agathos
 * Tema marrone caldo (#56483B) con testo ivory (#E7E5DB).
 *
 * Approccio: sovrascrittura delle variabili CSS native della libreria
 * (scoperte leggendo cookieconsent.css) più minimi selettori per tipografia.
 * Nessun !important ove evitabile.
 */

/* ─────────────────────────────────────────────────
   VARIABILI — override completo del sistema di
   design di vanilla-cookieconsent v3
───────────────────────────────────────────────── */
:root {
  /* Sfondo modale */
  --cc-bg:                              #56483B;

  /* Testo */
  --cc-primary-color:                   #E7E5DB;
  --cc-secondary-color:                 rgba(231, 229, 219, 0.78);

  /* Border-radius: azzerato per estetica lineare */
  --cc-modal-border-radius:             0;
  --cc-btn-border-radius:               0;
  --cc-pm-toggle-border-radius:         4em;

  /* Pulsante primario — ivory pieno */
  --cc-btn-primary-bg:                  #E7E5DB;
  --cc-btn-primary-color:               #2C201A;
  --cc-btn-primary-border-color:        #E7E5DB;
  --cc-btn-primary-hover-bg:            #ffffff;
  --cc-btn-primary-hover-color:         #1C1C1C;
  --cc-btn-primary-hover-border-color:  #ffffff;

  /* Pulsante secondario — outline ivory */
  --cc-btn-secondary-bg:                transparent;
  --cc-btn-secondary-color:             #E7E5DB;
  --cc-btn-secondary-border-color:      rgba(231, 229, 219, 0.55);
  --cc-btn-secondary-hover-bg:          rgba(231, 229, 219, 0.12);
  --cc-btn-secondary-hover-color:       #E7E5DB;
  --cc-btn-secondary-hover-border-color:#E7E5DB;

  /* Separatori */
  --cc-separator-border-color:          rgba(231, 229, 219, 0.15);

  /* Toggle */
  --cc-toggle-on-bg:                    #E7E5DB;
  --cc-toggle-off-bg:                   rgba(231, 229, 219, 0.30);
  --cc-toggle-on-knob-bg:               #56483B;
  --cc-toggle-off-knob-bg:              #56483B;
  --cc-toggle-enabled-icon-color:       #56483B;
  --cc-toggle-disabled-icon-color:      #56483B;
  --cc-toggle-readonly-bg:              rgba(231, 229, 219, 0.22);
  --cc-toggle-readonly-knob-bg:         rgba(231, 229, 219, 0.55);
  --cc-toggle-readonly-knob-icon-color: rgba(231, 229, 219, 0.22);

  /* Box categorie nel pannello preferenze (i "blocchi bianchi") */
  --cc-section-category-border:              rgba(231, 229, 219, 0.18);
  --cc-cookie-category-block-bg:             rgba(231, 229, 219, 0.07);
  --cc-cookie-category-block-border:         rgba(231, 229, 219, 0.18);
  --cc-cookie-category-block-hover-bg:       rgba(231, 229, 219, 0.13);
  --cc-cookie-category-block-hover-border:   rgba(231, 229, 219, 0.28);
  --cc-cookie-category-expanded-block-bg:    transparent;
  --cc-cookie-category-expanded-block-hover-bg: rgba(231, 229, 219, 0.10);

  /* Footer del banner (area con Privacy Policy | Cookie Policy) */
  --cc-footer-bg:           rgba(0, 0, 0, 0.15);
  --cc-footer-color:        rgba(231, 229, 219, 0.82);
  --cc-footer-border-color: rgba(231, 229, 219, 0.15);

  /* Link nel footer */
  --cc-link-color: #E7E5DB;

  /* Overlay */
  --cc-overlay-bg: rgba(28, 28, 28, 0.45);

  /* Scrollbar */
  --cc-webkit-scrollbar-bg:       rgba(231, 229, 219, 0.15);
  --cc-webkit-scrollbar-hover-bg: rgba(231, 229, 219, 0.40);
}


/* ─────────────────────────────────────────────────
   TIPOGRAFIA — selettori minimi per font e sizing
───────────────────────────────────────────────── */

/* Titolo banner */
#cc-main .cm__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Titolo pannello preferenze */
#cc-main .pm__title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* Titoli sezioni categorie */
#cc-main .pm__section-title {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

/* Testo descrizione categorie */
#cc-main .pm__section-desc {
  font-size: 13px;
  line-height: 1.65;
}

/* Pulsanti: uppercase tracking */
#cc-main .cm__btn,
#cc-main .cm__btn--secondary,
#cc-main .pm__btn,
#cc-main .pm__btn--secondary {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

/* Badge icona a sinistra dei titoli sezione */
#cc-main .pm__badge {
  background: rgba(231, 229, 219, 0.15);
  color: rgba(231, 229, 219, 0.70);
}

/* Icona chiusura pannello */
#cc-main .pm__close-btn {
  border-radius: 0;
}


/* ─────────────────────────────────────────────────
   FOOTER BANNER — spaziatura link
   La libreria aggiunge margin-left: 1.3rem a ogni
   figlio del link-group dopo il primo. Lo azzeriamo
   perché la spaziatura è già gestita dal testo nel JS.
───────────────────────────────────────────────── */
#cc-main .cm__link-group > * + * {
  margin-left: 0 !important;
}


/* ─────────────────────────────────────────────────
   LINK NEL FOOTER DEL SITO (fuori da #cc-main)
───────────────────────────────────────────────── */
.cookie-preferences-link {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: rgba(28, 28, 28, 0.52);
  text-decoration: underline;
  text-underline-offset: 3px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: color 0.2s ease;
}
.cookie-preferences-link:hover {
  color: #49110B;
}