/* Guild Legends — contour doré au clavier, sur toutes les pages (refonte de l'en-tête, lot 3, BUG-144).
 * Même contour que l'en-tête (site-header.css) : 2 px #e8c547, décalé de 2 px, visible au clavier seulement
 * (:focus-visible ; un champ de saisie l'affiche aussi au clic de souris, règle des navigateurs). Tout élément qui
 * reçoit le focus au clavier : liens, boutons, champs, éléments à tabindex, et zones qui défilent (Chromium les rend
 * atteignables au clavier sans tabindex, comme la liste des ventes de Loot).
 * !important sur le contour seulement : il passe devant les « outline: none » des pages. Le décalage a une spécificité
 * nulle : un décalage propre à une page l'emporte (l'accueil garde son -3px sur la barre d'actions).
 * Exception : la sortie de « Voir en tant que » garde son contour blanc, lisible sur la bande rouge.
 * Contour rentré (-2px) là où un parent qui coupe le rognait (BUG-148), en bas de ce fichier.
 * Chargé par server.js (injectSiteCommon) sur toutes les pages. Cache d'1 h : changer SITE_HEADER_VERSION. */

:not(.glh-viewas-exit):focus-visible {
  outline: 2px solid #e8c547 !important;
}

:where(:focus-visible) {
  outline-offset: 2px;
}

/* Contour rentré (BUG-148) : le parent coupe ce qui dépasse de l'élément, le contour passe à l'intérieur.
 * Sommaire « Sur cette page » des pages de boss (aside.toc en overflow auto, sans marge à droite) ; liste des ventes
 * de Loot (zone qui défile, dans un panneau en overflow hidden) ; puces de filtre qui défilent sur téléphone :
 * Dispos et Rôles sous 761 px, Coffre sous 601 px (mêmes seuils que les pages).
 * L'accueil n'est pas touché (« +7 » des inscrits) : l'accueil v2 ne change pas dans ce lot. */
aside.toc a:focus-visible,
#viewSales:focus-visible {
  outline-offset: -2px;
}

@media (max-width: 760px) {
  #chips .chip:focus-visible { outline-offset: -2px; }
}

@media (max-width: 600px) {
  .cf-chips-filter .cf-chip:focus-visible { outline-offset: -2px; }
}