/* CLC Liens — retour visuel au clic et au focus.

   Ce fichier ne fait que corriger un style du THÈME. Twenty Twenty-Five
   imprime dans sa feuille en ligne :

       :where(.wp-site-blocks :focus) { outline-width: 2px; outline-style: solid }

   C'est un « :focus » nu, pas un « :focus-visible » : le cadre apparaît donc
   aussi quand on clique à la souris, et il reste affiché tant que le lien
   garde le focus. Sur nos entrées de menu et nos boutons, qui portent un
   rayon d'angle, il se dessine en rectangle aux coins arrondis autour de la
   forme — visuellement lourd pour un simple clic.

   La règle du thème est enveloppée dans :where(), donc de spécificité nulle :
   n'importe quelle règle la surcharge, sans !important.

   Ce qui est conservé, et pourquoi : le cadre reste pour le FOCUS CLAVIER.
   C'est l'indicateur qui permet à quelqu'un qui navigue au clavier de savoir
   où il se trouve dans la page (WCAG 2.4.7). Le supprimer partout rendrait
   le site inutilisable sans souris. Seul le cas « focus posé par un clic »
   est neutralisé — celui qui n'apporte rien, puisque la personne sait déjà
   où elle a cliqué. */

.wp-site-blocks :focus:not( :focus-visible ) {
	outline: none;
}

/* Retour visuel au clic : un soulignement franc pendant l'appui, qui
   disparaît au relâcher. Assez épais pour rester lisible sur un lien déjà
   souligné par défaut, où il se traduit alors par un trait plus marqué.

   Exclusions : tout ce qui est déjà dessiné comme un bouton. Souligner le
   libellé d'un bouton à bordure pendant l'appui le ferait lire comme un
   défaut d'affichage, et ces éléments ont déjà leur propre réaction au
   survol et à l'appui. */
.wp-site-blocks a:active:not(
	.wp-element-button,
	.wp-block-button__link,
	.clc-slide-btn,
	.clc-btn-agenda,
	.clc-evliste-agenda,
	.clc-evliste-lien,
	.clc-vignette,
	[class*="clc-bouton"]
) {
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* Le doigt n'a pas d'état « appui » persistant et le navigateur pose déjà
   son propre retour tactile : inutile d'en ajouter un second. */
@media ( hover: none ) {
	.wp-site-blocks a:active {
		text-decoration-thickness: initial;
	}
}