/*
 * Tema Medrop per vanilla-cookieconsent.
 * Override delle variabili/estetica per allinearsi a styles.css
 * (primary #007bff, primary-dark #0056b3, testo #333, radius 8/12px, font Inter,
 *  bottoni CTA con gradient). Caricato DOPO css/cookieconsent.css.
 */
#cc-main {
  /* Tipografia coerente col sito */
  --cc-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Testo */
  --cc-primary-color: #333;
  --cc-secondary-color: #666;
  --cc-bg: #ffffff;

  /* Bottone primario (Accetta tutti) */
  --cc-btn-primary-bg: #007bff;
  --cc-btn-primary-color: #ffffff;
  --cc-btn-primary-border-color: #007bff;
  --cc-btn-primary-hover-bg: #0056b3;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #0056b3;

  /* Bottone secondario (Rifiuta / Gestisci preferenze) */
  --cc-btn-secondary-bg: #f0f4f7;
  --cc-btn-secondary-color: #333;
  --cc-btn-secondary-border-color: #f0f4f7;
  --cc-btn-secondary-hover-bg: #e2e8ee;
  --cc-btn-secondary-hover-color: #333;
  --cc-btn-secondary-hover-border-color: #e2e8ee;

  /* Toggle switch nel colore brand */
  --cc-toggle-on-bg: #007bff;
  --cc-toggle-off-bg: #b8c2cc;
  --cc-toggle-readonly-bg: #d5dee2;

  /* Link */
  --cc-link-color: #007bff;

  /* Raggi coerenti con --border-radius / --border-radius-lg del sito */
  --cc-btn-border-radius: 8px;
  --cc-modal-border-radius: 12px;
  --cc-pm-toggle-border-radius: 20px;

  /* Blocchi categorie e separatori */
  --cc-cookie-category-block-bg: #f7f9fb;
  --cc-cookie-category-block-hover-bg: #eef2f6;
  --cc-cookie-category-expanded-block-bg: #eef2f6;
  --cc-separator-border-color: #eceff1;
  --cc-footer-color: #666;
  --cc-footer-border-color: #eceff1;
}

/* Ombra dei box coerente con --shadow-md del sito */
#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Bottone primario con lo stesso gradient dei CTA del sito */
#cc-main .cm__btn:not(.cm__btn--secondary),
#cc-main .pm__btn:not(.pm__btn--secondary) {
  background: linear-gradient(135deg, #007bff, #0056b3);
  border: none;
  transition: background 0.3s ease;
}
#cc-main .cm__btn:not(.cm__btn--secondary):hover,
#cc-main .pm__btn:not(.pm__btn--secondary):hover {
  background: linear-gradient(135deg, #0056b3, #004085);
}

/* Titolo un filo più marcato, in linea con l'heading del sito */
#cc-main .cm__title,
#cc-main .pm__title {
  color: #222;
  font-weight: 700;
}