/**
 * Verifica anti-bot — presentazione.
 *
 * Il plugin è indipendente dal tema (deve funzionare anche se il child theme
 * non è attivo), quindi non può usare i token di Alcatraz. Usa `currentColor` e
 * unità relative: eredita quello che trova, senza imporre un colore che
 * potrebbe finire illeggibile su un tema diverso da quello previsto.
 */

/*
 * Il campo esca.
 *
 * NON si usa `display: none` né `visibility: hidden`: i compilatori automatici
 * di oggi leggono lo stile calcolato e saltano ciò che è dichiarato invisibile,
 * quindi l'esca non abboccherebbe. Va tolto dal flusso restando "visibile" per
 * il motore di stile.
 *
 * Per le persone è comunque irraggiungibile: sta fuori dallo schermo, il
 * contenitore è `aria-hidden` e il campo ha `tabindex="-1"`, quindi non lo
 * incontra né chi naviga da tastiera né chi usa uno screen reader.
 *
 * `!important` è deliberato: qui non conta l'eleganza della cascata, conta che
 * nessun foglio di un tema o di un plugin possa rimettere in pagina un campo
 * che non deve vedersi mai.
 */
.alc-verifica__esca {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/*
 * La riga di stato.
 *
 * Discreta ma leggibile: è un'informazione di servizio, non un avviso. Non usa
 * `sr-only` perché una persona vedente ha diritto di sapere che il browser sta
 * facendo qualcosa per lei, soprattutto se il pulsante sembra non rispondere.
 */
.alc-verifica__stato:empty {
	display: none;
}

.alc-verifica__stato {
	margin: 0.5em 0 0;
	font-size: 0.875em;
	opacity: 0.75;
}

.alc-verifica__senza-js {
	margin: 0.5em 0 0;
	padding: 0.75em 1em;
	border-left: 3px solid currentColor;
	font-size: 0.9375em;
}