<style>
/* ============================================================
   Accessibilité universelle - Sites Webflow → Webarchitecte
   À adapter pour les couleurs selon le thème du site
   ============================================================ */

/* === Préférence de mouvement réduit (WCAG 2.3.3) === */
@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;
	}
}

/* ============================================================
   Lot 4 : Focus visible — WCAG 2.2 AA (SC 1.4.11, 2.4.7)
    À adapter par site avec les bonnes couleurs (vérifier contraste 3:1 minimum) 
   ============================================================ */
*:focus-visible,
*[data-wf-focus-visible] {
	outline: 3px solid var(--_color---1--dark); /* couleur foncée — fond clair */
	outline-offset: 3px;
}
footer *:focus-visible,
footer *[data-wf-focus-visible],
.bg-color_dark *:focus-visible,
.bg-color_dark *[data-wf-focus-visible],
[data-wa-section="header"] *:focus-visible,
[data-wa-section="header"] *[data-wf-focus-visible],
[data-wa-section="nav"] *:focus-visible,
[data-wa-section="nav"] *[data-wf-focus-visible] {
	outline: 3px solid var(--_color---2--base); /* couleur claire — fond sombre */
	outline-offset: 3px;
}
/* === Champs de formulaire : offset 0 pour coller aux bords === */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline-offset: 0;
}

/* === Liens dans le contenu doivent être soulignés (WCAG 1.4.1) === */
main p a:not([class*="button"]),
article p a:not([class*="button"]),
.w-richtext a:not([class*="button"]) {
	text-decoration: underline;
}

/* === Skip link toujours visible quand focus === */
.skip-link {
	position: absolute;
	left: -9999px;
	z-index: 999;
}
.skip-link:focus-visible {
	left: 1rem;
	top: 1rem;
	padding: 0.5rem 1rem;
	background: #fff;
	color: #000;
	text-decoration: none;
}
/* === Bouton "Quitter rapidement" : focus blanc pour contraster avec fond turquoise === */
.button_emergency-wrapper:focus-visible,
.button_emergency-wrapper[data-wf-focus-visible] {
	outline: 3px solid var(--_color---2--dark) !important;
	outline-offset: 3px !important;
	box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.5) !important;
}
</style>