/* eon-consent-site.css: ritocchi del banner cookie per eon-works.it.
   La cartella assets/eon-consent/ e' la copia condivisa fra tutti i siti EON
   e si rimpiazza intera a ogni rollout: non si modifica a mano. Quello che
   serve solo a questo sito, cioe' il livello WCAG 2.2 AAA del CLAUDE.md,
   sta qui, caricato dopo eon-banner.css. */

/* 2.5.5 AAA: area di tocco 44x44 per ogni controllo (il vendor ha 42 e 40) */
#cc-main .cm__btn,
#cc-main .pm__btn { min-height: 44px; }
#cc-main .pm__close-btn { width: 44px; height: 44px; }

/* L'interruttore resta disegnato 50x23, ma la casella che riceve click e
   focus (l'input, sotto il disegno) si allarga a 56x44 attorno. Senza
   appearance:none il checkbox nativo spunterebbe fuori dal disegno. */
#cc-main .section__toggle {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  width: 56px;
  height: 44px;
  top: -10px;
  left: -3px;
}

/* 2.4.7 e 2.4.13: focus visibile 3px, 9.45:1 su bianco. Il vendor non ha
   regole :focus-visible e lascia l'anello del browser. */
#cc-main button:focus-visible,
#cc-main a:focus-visible {
  outline: 3px solid #191919;
  outline-offset: 2px;
}
#cc-main .section__toggle:focus-visible ~ .toggle__icon {
  outline: 3px solid #191919;
  outline-offset: 3px;
}