/*
 * Garde de focus des commandes SCE.
 *
 * 1.2.161 (JF : « plus simple, ne peut-on en CSS général sur le site désactiver
 * cette action ? »)
 *
 * OUI — et mieux que par la conversion des éléments. Ce que la console a montré :
 *
 *     button:focus, button:hover { background-color: #CC3366; color: #fff }
 *
 * servi par la feuille de base du thème. Or la feuille des fiches déclare bien
 * `.nd-hero-btn:hover` — une classe (0,2,0) qui l'emporte sur `button:hover`
 * (0,1,1). Le survol n'était donc jamais en cause. Mais elle ne déclare AUCUN
 * `:focus`, vérifié sur deux fiches réelles : au clic, le bouton prend le focus,
 * plus rien ne s'oppose au thème, et la couleur reste tant que le focus reste.
 *
 * Cela explique l'observation de JF, « près du bouton, pas sur le bouton » :
 * en s'éloignant, le survol cesse et sa règle avec, laissant apparaître le
 * focus dessous.
 *
 * POURQUOI NE PAS NEUTRALISER LA RÈGLE DU THÈME EN GÉNÉRAL. Elle vise TOUS les
 * boutons du site — formulaires, Elementor, autres extensions. La désactiver
 * globalement changerait l'apparence de pages que SCE ne gère pas. On ne
 * couvre donc que les commandes SCE, nommément.
 *
 * CONSÉQUENCE : l'étape 7 devient inutile pour ce défaut. Trois lignes de
 * feuille valent mieux que la réécriture de soixante-dix-huit documents.
 */

/*
 * Les valeurs reprennent l'apparence AU REPOS des commandes, telle que les
 * fiches la déclarent. La variable garde son repli : une fiche d'un autre
 * millésime retombe sur la même teinte.
 */
.nd-hero-btn:focus,
.nd-hero-btn:focus-visible,
.nd-share__btn:focus,
.nd-share__btn:focus-visible {
	background-color: transparent;
}

/*
 * 1.2.162 — LA CROIX D'ARRÊT A SON PROPRE FOND AU REPOS.
 *
 * Je l'avais mise à `transparent` avec les autres : elle serait devenue
 * presque invisible sur le fond sombre du hero. Son fond au repos est un noir
 * translucide, et c'est lui qu'il faut rendre.
 *
 * C'est elle que le test au clavier de JF a désignée : après `Tab`, le focus
 * passe de la commande à la croix, et le rose avec. Les deux sont des
 * `button`, la règle du thème peint celui qui a le focus.
 */
.nd-hero-btn__stop:focus,
.nd-hero-btn__stop:focus-visible {
	background-color: rgba( 0, 0, 0, .35 );
}

.nd-hero-btn--primary:focus,
.nd-hero-btn--primary:focus-visible {
	background-color: var(--nd-orange, #F59816);
}

/*
 * ACCESSIBILITÉ — on retire une couleur, pas l'indication de focus.
 *
 * Sans anneau visible, une navigation au clavier ne saurait plus où elle se
 * trouve : ce serait remplacer un défaut d'apparence par un défaut d'usage.
 * `currentColor` suit la couleur du texte de la commande, donc reste lisible
 * sur fond clair comme sur fond sombre, quel que soit le millésime de la fiche.
 */
.nd-hero-btn:focus-visible,
.nd-share__btn:focus-visible,
.nd-hero-btn__stop:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}