/*
 * Accessibility Core by Clivo — sul sito.
 *
 * Tre cose sole, e nessuna cambia l'aspetto per chi usa il mouse:
 *  - il link «Vai al contenuto», fuori dallo schermo finché non riceve il fuoco con Tab;
 *  - il contorno del fuoco, attivo solo quando la pagina ha la classe html.cacc-tastiera (la mette views/js/front.js
 *    al primo Tab e la toglie al primo clic): scuro con un anello bianco, così si vede su fondi chiari e scuri;
 *  - la classe per i testi letti solo dal lettore di schermo (il titolo della pagina di ricerca).
 * Il file è caricato nella testa della pagina: niente compare in ritardo.
 */

.cacc-salta {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.cacc-salta:focus {
  position: fixed;
  left: 12px;
  top: 12px;
  z-index: 2147483000;
  width: auto;
  height: auto;
  overflow: visible;
  padding: 12px 18px;
  background: #111;
  color: #fff !important;
  font: 600 15px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  text-decoration: none;
  border-radius: 6px;
  outline: 3px solid #fff !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 6px #111 !important;
}

html.cacc-tastiera *:focus {
  outline: 3px solid #111 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #fff !important;
}

.cacc-nascosto {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}