/*
 * RGAA 4.1 — styles transverses.
 * Toutes les couleurs référencent les presets theme.json — jamais de hex.
 * À enrichir au fil des audits (contraste, indicateurs de page courante,
 * skip links, étapes Gravity Forms multi-pages…).
 */

/* Focus clavier visible et cohérent sur tous les éléments interactifs. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
	outline: 3px solid var(--wp--preset--color--secondary);
	outline-offset: 2px;
}

/* Lien d'évitement ("Aller au contenu"). */
.skip-link {
	position: absolute;
	top: -999px;
	left: 0;
	z-index: 999999;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--main);
	border: 2px solid var(--wp--preset--color--secondary);
}

.skip-link:focus {
	top: 0;
}

/* Gravity Forms — focus states + indicateur d'étape (multi-pages). */
.gform_wrapper .gfield input:focus-visible,
.gform_wrapper .gfield select:focus-visible,
.gform_wrapper .gfield textarea:focus-visible {
	outline: 3px solid var(--wp--preset--color--secondary);
	outline-offset: 2px;
}

.gform_page_steps .gform_page_step.gform_page_step_current {
	font-weight: 700;
	text-decoration: underline;
}