/* koaee-liens.css — l'habillage des liens de CORPS des pages commerciales.
   Cree le 2026-08-09 (GO Erwan : « je n'aime pas les liens en bleu »).

   POURQUOI CE FICHIER EXISTE
   Les pages legales chargent Bootstrap 5.3 depuis un CDN, EN DERNIER. Sa variable
   --bs-link-color impose #0D6EFD, le bleu par defaut, souligne. Deux problemes, et le
   second n'est pas une affaire de gout :
     · esthetique : ce bleu n'est celui de personne, surtout pas le notre ;
     · CONFORMITE : mesure du 2026-08-09, #0D6EFD sur le fond #f0f0f0 de ces pages donne
       3,95:1 — SOUS le seuil AA de 4,5:1 exige par le RGAA pour du texte courant.
   Le gout d'Erwan et la regle pointaient au meme endroit.

   LA COULEUR N'A PAS ETE CHOISIE A L'OEIL
   Point de depart : #647484, l'ardoise reellement dominante sur les boutons de l'accueil
   commerciale — donc la couleur du site, pas une invention. Brute, elle donne 4,21:1 :
   insuffisante. Assombrie de 10 %, elle devient #5A6877 et mesure :
       5,01:1 sur #f0f0f0 (pages legales)   5,70:1 sur blanc   5,46:1 sur #FAFAF9
   Confortablement AA partout, et dans la famille de teintes du site.

   LE SOULIGNEMENT EST CONSERVE, ET C'EST VOLONTAIRE
   WCAG 1.4.1 : une information ne doit pas reposer sur la SEULE couleur. Dans un paragraphe,
   le souligne est le seul indice qui reste a qui ne distingue pas les teintes. On le garde
   donc, mais on l'affine — trait fin, decale du texte — au lieu de le supprimer.
   Retirer le souligne aurait ete plus joli et moins accessible : ce n'est pas le marche.

   PORTEE : les liens de CORPS uniquement. La navigation, le pied de page et les boutons
   ont leur propre habillage et ne sont pas touches. */

:root {
  --koaee-lien:        #5A6877;   /* 5,01:1 sur #f0f0f0 — mesure, pas estime */
  --koaee-lien-survol: #414C57;   /* plus sombre au survol : le contraste ne baisse jamais */
}

/* On vise le corps de page et on EXCLUT explicitement ce qui a deja son style.
   Le sélecteur reste peu spécifique volontairement : il doit gagner sur Bootstrap
   (chargé avant), pas écraser un habillage local plus précis. */
main a:not(.btn):not([class*="btn-"]):not(.nav-link),
article a:not(.btn):not([class*="btn-"]):not(.nav-link),
.container a:not(.btn):not([class*="btn-"]):not(.nav-link):not(.navbar-brand),
.legal-content a,
p a:not(.btn), li a:not(.btn), td a:not(.btn) {
  color: var(--koaee-lien);
  text-decoration: underline;
  text-decoration-thickness: 1px;      /* le trait epais de Bootstrap alourdit le texte */
  text-underline-offset: 0.18em;       /* decale : la lettre respire, le lien reste evident */
  text-decoration-color: color-mix(in srgb, var(--koaee-lien) 45%, transparent);
  transition: color .15s ease, text-decoration-color .15s ease;
}

main a:not(.btn):hover, article a:not(.btn):hover,
.container a:not(.btn):not(.navbar-brand):hover,
.legal-content a:hover, p a:not(.btn):hover, li a:not(.btn):hover, td a:not(.btn):hover {
  color: var(--koaee-lien-survol);
  text-decoration-color: currentColor;  /* le trait s'affirme au survol */
}

/* FOCUS CLAVIER — corrige un manquement R12 mesure le 2026-08-09 : cgu.php et
   mentions-legales.php servaient `outline: none` au focus. Un visiteur au clavier ne
   voyait pas ou il se trouvait, sur les deux pages qui portent nos engagements juridiques.
   `:focus-visible` ne s'affiche qu'a la navigation clavier : la souris n'en voit rien. */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 2px solid var(--koaee-lien) !important;
  outline-offset: 2px !important;
  border-radius: 2px;
}