/**
 * Utility.
 *
 * Poche e controllate. Una utility si aggiunge quando serve davvero in piu
 * punti, non per evitare di scrivere un componente.
 */

/* ---------------------------------------------------------------------------
 * Testo per soli screen reader.
 *
 * Nasconde visivamente il contenuto lasciandolo disponibile alle tecnologie
 * assistive. NON usare display:none ne visibility:hidden: quelli lo nascondono
 * anche agli screen reader, che e l'opposto di cio che serve.
 *
 * .screen-reader-text e il nome usato da WordPress nel proprio markup
 * (paginazione, form di ricerca, commenti): va mantenuto cosi com'e, altrimenti
 * quel markup resta senza stile.
 * ------------------------------------------------------------------------- */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip-path: inset(50%);
}

/*
 * Se l'elemento riceve il focus torna visibile: e cosi che funziona lo skip
 * link, che deve apparire quando ci si arriva con il tasto Tab.
 */
.screen-reader-text:focus {
	position: absolute;
	z-index: 100;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	white-space: normal;
	clip-path: none;
}

/* Alias, per i template che preferiscono la forma con prefisso. */
.u-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip-path: inset(50%);
}

/* ---------------------------------------------------------------------------
 * Blocca lo scorrimento della pagina (menu mobile aperto a tutto schermo).
 * ------------------------------------------------------------------------- */
.u-no-scroll {
	overflow: hidden;
}

/* ---------------------------------------------------------------------------
 * Testo allineato al centro.
 * ------------------------------------------------------------------------- */
.u-text-center {
	text-align: center;
}