/*
 * Accessibilité : lien d'évitement, focus visible, texte masqué, mouvement réduit.
 * Aucune règle globale sur les boutons ni sur les champs : les cibles de 44 px et les erreurs
 * de formulaire sont posées par chaque composant et par gravity-forms.css, jamais ici.
 */

.dqb-evitement {
	position: absolute;
	inset-block-start: var(--espace-4);
	inset-inline-start: var(--espace-4);
	z-index: 1000;
	padding: var(--espace-3) var(--espace-4);
	border-radius: var(--rayon-s);
	background: var(--couleur-primaire);
	color: var(--couleur-sur-primaire);
	transform: translateY(-200%);

	&:focus {
		transform: none;
	}
}

:focus-visible {
	outline: var(--focus-epaisseur) solid var(--couleur-focus);
	outline-offset: 2px;
}

/* screen-reader-text : la classe standard de WordPress, que le cœur et les extensions (WooCommerce,
   pagination, commentaires) posent sur leurs libellés réservés aux lecteurs d'écran. */
.dqb-visuellement-masque,
.screen-reader-text:not(:focus) {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}