/* ── cookie-consent.css ─────────────────────────────────────────
   Tema scuro/oro per vanilla-cookieconsent v3, intonato a tr#acque.
   Sovrascrive le CSS custom properties della libreria (prefisso --cc-).
   ──────────────────────────────────────────────────────────────── */
#cc-main {
  --cc-font-family: "Kode Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --cc-bg: #0b1622;
  --cc-primary-color: #f3f0ea;
  --cc-secondary-color: #aca69a;
  --cc-link-color: #c9a583;

  /* bottone primario = oro pieno, coerente con l'accent del sito */
  --cc-btn-primary-bg: #c9a583;
  --cc-btn-primary-color: #0b1622;
  --cc-btn-primary-border-color: #c9a583;
  --cc-btn-primary-hover-bg: #d9b896;
  --cc-btn-primary-hover-color: #0b1622;
  --cc-btn-primary-hover-border-color: #d9b896;

  /* bottone secondario (Rifiuta / Personalizza) = stesso peso visivo */
  --cc-btn-secondary-bg: rgba(243, 240, 234, .06);
  --cc-btn-secondary-color: #f3f0ea;
  --cc-btn-secondary-border-color: rgba(243, 240, 234, .2);
  --cc-btn-secondary-hover-bg: rgba(243, 240, 234, .12);
  --cc-btn-secondary-hover-color: #f3f0ea;
  --cc-btn-secondary-hover-border-color: rgba(201, 165, 131, .5);

  --cc-separator-border-color: rgba(243, 240, 234, .1);

  --cc-toggle-on-bg: #c9a583;
  --cc-toggle-off-bg: #45464a;
  --cc-toggle-on-knob-bg: #0b1622;
  --cc-toggle-off-knob-bg: #f3f0ea;
  --cc-toggle-readonly-bg: #2a3a48;
  --cc-toggle-readonly-knob-bg: #aca69a;

  --cc-cookie-category-block-bg: rgba(243, 240, 234, .03);
  --cc-cookie-category-block-border: rgba(243, 240, 234, .08);
  --cc-cookie-category-block-bg-hover: rgba(243, 240, 234, .06);
  --cc-cookie-category-block-border-hover: rgba(243, 240, 234, .14);
  --cc-cookie-category-expanded-block-bg: rgba(0, 0, 0, .2);

  --cc-overlay-bg: rgba(3, 9, 18, .72);

  --cc-modal-border-radius: 16px;
  --cc-btn-border-radius: 999px;

  --cc-footer-bg: #08111b;
  --cc-footer-color: #aca69a;
  --cc-footer-border-color: rgba(243, 240, 234, .08);
}

/* la pillola/box del banner respira un po' di più sul mobile stretto */
@media (max-width: 480px) {
  #cc-main .cm { --cc-modal-border-radius: 14px; }
}