/* Correctifs d'accessibilité transverses (novembre 2026) */

/* Flèches des carrousels Oxygen, devenues des boutons. Elles sont dessinées par un masque CSS qui découpe
   tout contour : au focus clavier, la flèche passe en pleine opacité et un anneau séparé l'entoure (a11y.js). */
.unslider-arrow:focus-visible {
	opacity: 1 !important;
	outline: none;
}
.ydu_anneau_focus {
	position: absolute;
	z-index: 5;
	border: 2px solid #2b6a85;
	border-radius: 6px;
	pointer-events: none;
}

/* Lecteur vidéo (Plyr) : ndm_public.css masque les commandes (.plyr__controls { opacity: 0 }) et ne les montre
   qu'au survol. Au clavier, elles doivent aussi apparaître dès qu'un élément du lecteur a le focus. */
.plyr--video:focus-within .plyr__controls {
	opacity: 1;
}

/* Gros bouton « lecture » vert : dessiné par un masque CSS (player4.svg) qui découpe tout contour.
   Au focus clavier, un anneau séparé l'entoure (blanc liseré de bleu foncé, lisible sur la vidéo). */
.plyr--video:has(> .plyr__control--overlaid:focus-visible)::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 118px;
	height: 118px;
	margin: -59px 0 0 -59px;
	border: 3px solid #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #2b6a85;
	pointer-events: none;
	z-index: 3;
}
/* … sans prendre le bleu par défaut de Plyr au focus : il reste dans le vert de la charte */
.plyr--video > .plyr__control--overlaid:focus-visible {
	background-color: #a4eb92 !important;
}