/*
 * Boutique Design : module Focus.
 *
 * Le theme Hello Elementor (reset.css) dessine un anneau noir de 2 px, double
 * d'un halo blanc de 4 px, autour de tout lien, bouton, champ ou case qui
 * recoit le focus. Sur une boutique aux couleurs douces, ce contour noir
 * accroche l'oeil dans le formulaire de commande, la recherche ou les filtres.
 *
 * Le module retire cet anneau : aucun contour au focus, ni noir ni d'une autre
 * couleur. Dans un champ de saisie, le curseur clignotant suffit a savoir ou
 * l'on ecrit.
 *
 * Attention : sans anneau, la navigation au clavier (touche Tab) ne montre plus
 * quel lien ou quel bouton est selectionne. Une boutique qui a des visiteurs
 * naviguant au clavier peut eteindre ce module et garder l'anneau.
 *
 * Poids des selecteurs : celui du theme monte a (0,3,0) pour les elements a
 * tabindex ; le « html » et le :is() ci-dessous donnent (0,3,1) et passent
 * devant, sans !important. Les modules qui dessinent leur propre focus avec
 * un identifiant (#reviews, par exemple) gardent le leur.
 */

html :is(a, button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: none;
  box-shadow: none;
}

/* Boutons radio et cases a cocher : la couleur principale, au lieu du bleu du navigateur. */
html :is(input[type="radio"], input[type="checkbox"]) {
  accent-color: var(--dilo-primaire);
}