/*!
 * Filarete Accessibilità — CSS delle correzioni automatiche v1.3.0
 * Caricato solo con "Correzioni CSS" attivo nelle impostazioni.
 */

/* ------------------------------------------------------------------
 * Testo solo per screen reader
 * Classi di WordPress (.screen-reader-text), Bootstrap 4 (.sr-only),
 * Bootstrap 5 (.visually-hidden) ed Elementor: molti temi ne definiscono
 * solo una, e le altre finiscono visibili a schermo.
 * ------------------------------------------------------------------ */
.screen-reader-text,
.sr-only,
.visually-hidden,
.elementor-screen-only {
	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;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Visibili quando ricevono il focus (link "Vai al contenuto") */
.screen-reader-text:focus,
.sr-only-focusable:focus,
.sr-only-focusable:active,
.visually-hidden-focusable:focus,
.visually-hidden-focusable:focus-within {
	position: absolute !important;
	top: 10px !important;
	left: 10px !important;
	z-index: 100000 !important;
	width: auto !important;
	height: auto !important;
	padding: 12px 20px !important;
	margin: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	white-space: normal !important;
	background: #fff !important;
	color: #000 !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	box-shadow: 0 0 0 3px var(--fa11y-focus, #005fcc) !important;
}

/* ------------------------------------------------------------------
 * Focus sempre visibile da tastiera (WCAG 2.4.7)
 * Solo :focus-visible, quindi il clic del mouse non mostra il bordo.
 * ------------------------------------------------------------------ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible,
[contenteditable="true"]:focus-visible {
	outline: 3px solid var(--fa11y-focus, #005fcc) !important;
	outline-offset: 2px !important;
}

/* Campi dentro contenitori con overflow nascosto: bordo interno */
.input-group input:focus-visible,
.input-group select:focus-visible,
.woocommerce .quantity .qty:focus-visible {
	outline-offset: -3px !important;
}

/* ------------------------------------------------------------------
 * Movimento ridotto (impostazione di sistema dell'utente, WCAG 2.3.3)
 * Le animazioni di ingresso di Elementor terminano subito, così gli
 * elementi restano visibili.
 * ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto !important;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		animation-delay: 0s !important;
		transition-duration: 0.01ms !important;
		transition-delay: 0s !important;
		scroll-behavior: auto !important;
	}

	.elementor-invisible {
		visibility: visible !important;
	}
}