/* site_info: campo CAPTCHA — inizio */
/* Il campo risposta accetta due cifre (maxlength="2"): la larghezza piena
   ereditata da .form-control è sproporzionata. */
.captcha .form-group.form-item-captcha-response input {
  max-width: 6rem;
}

/* L'etichetta di questo campo è il quesito stesso ("6 + 6 ="), quindi deve
   restare sempre leggibile. Bootstrap Italia però la gestisce come floating
   label: `position: absolute; top: 0` e, quando diventa .active,
   `transform: translateY(-85%)`. Con un testo lungo su un campo stretto
   finisce sopra la legenda del fieldset e i due testi si sovrappongono.
   Qui la riportiamo nel flusso normale, sopra il campo.
   Il selettore usa tre classi per avere specificità maggiore di
   `.form-group label.active` e non dipendere dall'ordine di caricamento. */
.captcha .form-group.form-item-captcha-response label {
  position: static;
  transform: none;
  line-height: 1.4;
  max-width: 100%;
  margin-bottom: 0.5rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #1a1a1a;
}

/* La legenda "CAPTCHA" è ridondante ora che il quesito è visibile sopra il
   campo, ed è anche l'unica parola tecnica in inglese rimasta in pagina.
   La nascondiamo VISIVAMENTE ma la lasciamo agli screen reader: è il nome
   accessibile del fieldset, e rimuoverla lascerebbe il gruppo di campi senza
   etichetta (WCAG 1.3.1). Stesso pattern di .visually-hidden di Drupal core. */
.captcha > .captcha__title {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
/* site_info: campo CAPTCHA — fine */