/* The cookie banner (CookieConsent 3.3.0, assets/cookieconsent/) in the look of the page, 2026-11-09.
   In the middle of the screen over a light dark veil, as CookieYes on T&T (Pasquale). Square corners, the title with
   the red rule of the page titles, buttons in the label type of the page (Schibsted, capitals, spaced) with the cut
   corner of the page buttons. "Accetta tutti" and "Rifiuta tutti" share one style (equalWeightButtons): the same
   weight, as the Garante asks; "Personalizza" is the secondary one. */
#cc-main {
  --cc-font-family: var(--font-testo);
  --cc-modal-border-radius: 0;
  --cc-btn-border-radius: 0;
  --cc-overlay-bg: rgba(20, 20, 20, 0.45);
  --cc-bg: var(--fondo-scheda);
  --cc-primary-color: var(--inchiostro);
  --cc-secondary-color: var(--inchiostro-tenue);
  --cc-link-color: var(--accento);

  --cc-btn-primary-bg: var(--inchiostro);
  --cc-btn-primary-color: var(--fondo-scheda);
  --cc-btn-primary-border-color: var(--inchiostro);
  --cc-btn-primary-hover-bg: var(--accento);
  --cc-btn-primary-hover-color: var(--fondo-scheda);
  --cc-btn-primary-hover-border-color: var(--accento);

  --cc-btn-secondary-bg: var(--fondo-scheda);
  --cc-btn-secondary-color: var(--inchiostro);
  --cc-btn-secondary-border-color: var(--inchiostro);
  --cc-btn-secondary-hover-bg: var(--fondo-2);
  --cc-btn-secondary-hover-color: var(--inchiostro);
  --cc-btn-secondary-hover-border-color: var(--inchiostro);

  --cc-separator-border-color: var(--filo);
  --cc-toggle-on-bg: var(--accento);
  --cc-toggle-off-bg: var(--inchiostro-tenue);
  --cc-toggle-readonly-bg: var(--filo);
  --cc-toggle-readonly-knob-icon-color: var(--filo);
  --cc-cookie-category-block-bg: var(--fondo-2);
  --cc-cookie-category-block-border: var(--filo);
  --cc-cookie-category-block-hover-bg: var(--x-filo-su-2);
  --cc-cookie-category-block-hover-border: var(--x-filo-su-2);
  --cc-cookie-category-expanded-block-bg: var(--fondo-scheda);
  --cc-cookie-category-expanded-block-hover-bg: var(--fondo-2);
  --cc-footer-bg: var(--fondo-2);
  --cc-footer-color: var(--inchiostro-tenue);
  --cc-footer-border-color: var(--filo);
}

/* Titles in the title type, the first one with the short red rule of the page (.con-filetto). */
#cc-main :is(.cm__title, .pm__title) { font: 600 var(--fs-5)/1.2 var(--font-titolo); letter-spacing: -0.01em; }
#cc-main .pm__section-title { font-family: var(--font-titolo); }
#cc-main .cm__title { position: relative; padding-bottom: 0.75rem; }
#cc-main .cm__title::after { content: ""; position: absolute; left: 1.3rem; bottom: 0; width: 2.5rem; height: var(--x-filetto-titolo); background: var(--accento); }
#cc-main .cm__desc { font-size: 0.95em; }

/* Buttons as the page buttons: label type and the cut bottom-right corner. */
#cc-main :is(.cm__btn, .pm__btn):not(.cm__btn--close) {
  min-height: var(--x-btn-h-s);
  font: var(--peso-etichetta) var(--fs-8)/1 var(--font-etichetta);
  letter-spacing: var(--x-tracking-btn); text-transform: uppercase;
  clip-path: var(--x-sagoma-btn);
}
/* The outlined secondary button stays square: the cut would cut its border too. */
#cc-main :is(.cm__btn, .pm__btn):is(.cm__btn--secondary, .pm__btn--secondary) { clip-path: none; }
#cc-main .cm__btn--close { background: var(--inchiostro); border-color: var(--inchiostro); }
#cc-main .cm__btn--close:hover { background: var(--accento); border-color: var(--accento); }
#cc-main .cm__btn--close svg { stroke: var(--fondo-scheda); }
#cc-main .cm__links a, #cc-main .cm__link-group a { color: var(--inchiostro-tenue); }

/* On the phone the box takes the whole width, whatever the length of its text. */
@media screen and (max-width: 640px) {
  #cc-main .cm { left: var(--cc-modal-margin); right: var(--cc-modal-margin); }
  #cc-main .cm__title::after { left: 1.1rem; } /* the library pads the text 1.1rem here */
}

/* "Preferenze cookie" in the footer: a button (it opens the preferences, it goes nowhere) that reads as a link. */
.link-bottone { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer; }