/*
 * Maroc Clusters Child — Accessibility overlay
 * ---------------------------------------------
 * Focus visible WCAG 2.2 AA : bordure bordeaux 2px, offset 2px.
 * Applicable à tous les éléments interactifs (liens, boutons, champs, contrôles Elementor).
 * Préserve le focus clavier sans gêner les utilisateurs souris (:focus-visible).
 */

:focus-visible {
	outline: var(--mc-focus-width, 2px) solid var(--mc-focus-color, #8B2C30);
	outline-offset: var(--mc-focus-offset, 2px);
	border-radius: 2px;
}

/* Override des focus Elementor (qui peut désactiver l'outline natif). */
.elementor-button:focus-visible,
.elementor-field:focus-visible,
.elementor a:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: var(--mc-focus-width, 2px) solid var(--mc-focus-color, #8B2C30);
	outline-offset: var(--mc-focus-offset, 2px);
	box-shadow: none;
}

/* Skip-link (préparation — sera utilisé par Theme Builder Wave 3). */
.skip-link.screen-reader-text:focus {
	background-color: var(--mc-bordeaux, #8B2C30);
	color: #FFFFFF;
	padding: 12px 20px;
	z-index: 100000;
}

/* Respect du prefers-reduced-motion sur toutes les animations Elementor. */
@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;
	}
}