/* =========================================================================
   THEME-BS-BRIDGE.CSS — complète le mapping Bootstrap de theme.css.
   À charger APRÈS bootstrap.min.css ET APRÈS theme.css.

   Pourquoi un fichier séparé : theme.css est le kit Anw, marqué « NE PAS
   ÉDITER par projet » ; y toucher se ferait écraser à la prochaine mise à
   jour du kit. Ce fichier ne contient QUE des corrections de mapping, aucune
   décoration de marque (ça, c'est main/css/brand.css).

   Ce qu'il corrige : le vert de marque était bien poussé dans --bs-primary et
   --bs-link-color, mais Bootstrap 5.3 ne lit pas toujours ces variables-là.
   Restait donc du bleu Bootstrap par défaut sur les liens, la ligne
   surlignée des menus déroulants et l'anneau de focus.
   ========================================================================= */

/* ----- Liens -----
   Bootstrap applique `a { color: rgba(var(--bs-link-color-RGB), …) }` : il lit
   la variante -rgb, jamais --bs-link-color. Surcharger --bs-link-color (ce que
   fait theme.css) n'avait donc aucun effet et les liens restaient #0d6efd en
   clair / #6ea8fe en sombre.
   On repointe la règle `a` sur la variable de couleur plutôt que de dupliquer
   un triplet r,g,b : les tokens de marque sont en OKLCH et n'ont pas de RGB
   figé, et un triplet en dur dériverait à la prochaine retouche de palette.
   Le sélecteur de type `a` (0,0,1) reste sous les composants à classe
   (.btn, .nav-link, .dropdown-item… en 0,1,0) : seuls les liens nus changent. */
a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

/* En sombre, theme.css laisse --bs-link-hover-color sur --brand-800 (vert très
   foncé) : illisible sur fond sombre. On remonte l'échelle au survol. */
[data-bs-theme="dark"] { --bs-link-hover-color: var(--brand-300); }

/* ----- Menus déroulants -----
   Bootstrap pose --bs-dropdown-link-active-bg EN DUR (#0d6efd) sur
   .dropdown-menu. Une redéfinition sur :root ne servirait à rien : la
   .dropdown-menu englobante est l'ancêtre le plus proche, c'est sa valeur que
   lisent les .dropdown-item. Il faut donc surcharger à la même portée. */
.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--brand-600);
  --bs-dropdown-link-active-color: #fff;
}

/* La ligne active passe sur fond vert, mais les utilitaires de texte atténué
   qu'elle contient (ex. le code langue « (FR) » du sélecteur de langue)
   gardent leur gris et deviennent illisibles. Bootstrap les déclare en
   !important, d'où le !important ici pour repasser en `inherit`. */
.dropdown-item.active .text-muted,
.dropdown-item.active .text-secondary,
.dropdown-item:active .text-muted,
.dropdown-item:active .text-secondary {
  color: inherit !important;
  opacity: .8;
}

/* ----- Anneau de focus et primary-rgb ----- */
:root {
  --bs-focus-ring-color: color-mix(in oklch, var(--brand-600) 30%, transparent);
  /* theme.css laisse un fallback resté sur un vert-bleu d'origine
     (34, 139, 90) qui n'est pas le vert du logo ; toutes les surfaces qui ne
     chargent pas brand.css (console, platform_admin) en héritaient. */
  --bs-primary-rgb: 51, 126, 22;
}
