/* ═══════════════════════════════════════════════════════════════════
   KAÏROMOD - retour au clic, sans scintillement bleu
   -------------------------------------------------------------------
   Trois sources DISTINCTES de « flash bleu » au clic, régulièrement
   confondues parce qu'elles se ressemblent à l'œil :

     1. la pastille de surbrillance des navigateurs mobiles WebKit et
        Blink (-webkit-tap-highlight-color) : un voile bleuté posé sur
        tout élément cliquable pendant ~150 ms au doigt ;
     2. l'anneau de focus, que certains navigateurs posent aussi au clic
        souris. On ne le retire QU'AU POINTEUR : au clavier il reste, la
        navigation en Tab serait invisible sans lui ;
     3. la sélection de texte, déclenchée par un appui maintenu ou un
        double-clic sur le libellé d'un bouton, qui le surligne en bleu.

   Chargé par toutes les pages du site, et volontairement en DERNIER
   dans le <head> : les règles ci-dessous doivent l'emporter sur celles
   des feuilles de chaque page, à égalité de spécificité.
   ═══════════════════════════════════════════════════════════════════ */

/* 1 · surbrillance tactile */
*,*::before,*::after{-webkit-tap-highlight-color:transparent}
/* Repose explicitement sur les contrôles : plusieurs versions de Safari
   iOS n'héritent pas la propriété sur les éléments de formulaire natifs,
   qui restaient les seuls à clignoter. */
a,button,input,select,textarea,summary,label,
[role="button"],[role="tab"],[onclick],[data-modal],[tabindex]{
  -webkit-tap-highlight-color:transparent;
}

/* 2 · anneau de focus : au clavier seulement */
:focus:not(:focus-visible){outline:none}

/* 3 · plus de surlignage bleu du libellé à l'appui long ou au
       double-clic. Volontairement PAS sur <a> : le texte d'un lien
       (une adresse, une référence) doit rester copiable. */
button,summary,label,.btn,
[role="button"],[role="tab"]{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

/* 4 · aucun bouton ne se dérobe sous le curseur
   -------------------------------------------------------------------
   Quarante-quatre règles du site soulevaient leur élément au survol
   (transform:translateY(-1px à -6px)). L'effet est joli en théorie et
   défectueux en pratique : le bouton s'écarte de sous le pointeur, ce
   qui ANNULE le survol, ce qui le fait redescendre, ce qui le remet
   sous le pointeur - la bascule se répète à la fréquence de l'écran.
   À l'œil, le curseur clignote entre la main et la flèche, et le
   bouton vibre. Le phénomène se produit dans la bande de quelques
   pixels du bord bas, là où l'on passe justement en approchant.

   Le relief est donc porté par l'OMBRE seule, qui ne participe pas au
   test de survol : un bouton peut grossir son ombre autant qu'il veut
   sans jamais échapper au pointeur.

   ⚠️ Ne pas réintroduire de translate au :hover d'un élément
   cliquable. En revanche restent sans danger, et sont conservés :
     · les scale d'AGRANDISSEMENT - l'élément grandit sous le curseur,
       il ne le fuit pas (photos de cartes, vignettes) ;
     · les transformations d'ENFANTS - flèches qui glissent, balayages
       de lumière : le parent survolé, lui, ne bouge pas. */