/* Composant partagé — pastille d'onglets à indicateur glissant, utilisé par #results et
   #prestige (voir IHM_PAGE_ACCUEIL_PAGE_PRESTIGE_algo.md § Onglets secteur — extrait de
   #results .r-tabs le 2026-08-31, identique à l'original, pour éviter la duplication).
   Classes volontairement SANS préfixe de bloc (composant réutilisable, pas de logique propre
   à un bloc ici) — tout ajustement propre à un bloc (marge externe, effet de survol
   additionnel) reste namespacé #bloc dans le fichier CSS de ce bloc, jamais ici. */
.tabs-sliding {
  position: relative; display: flex; width: max-content; gap: 2px; padding: 4px;
  background: #FFFFFF; border: 1px solid rgba(26,26,46,0.11); border-radius: 999px;
  box-shadow: 0 12px 28px -8px rgba(26,26,46,0.28);
  max-width: 100%; overflow-x: auto; scrollbar-width: none;
}
.tabs-sliding::-webkit-scrollbar { display: none; }
.tabs-sliding-indicator {
  position: absolute; top: 4px; bottom: 4px; left: 4px; width: 0;
  background: var(--gold); border-radius: 999px;
  transition: left 0.35s cubic-bezier(.65,0,.35,1), width 0.35s cubic-bezier(.65,0,.35,1);
}
.tabs-sliding-tab {
  position: relative; z-index: 2; flex: none; display: inline-flex; align-items: center; gap: 7px;
  background: none; border: none;
  padding: 10px 20px; font-size: 13px; font-family: var(--font-body); color: rgba(26,26,46,0.74);
  cursor: pointer; border-radius: 999px; transition: color 0.25s, background-color 0.25s; white-space: nowrap;
}
.tabs-sliding-tab-icon { width: 15px; height: 15px; stroke-width: 1.8; flex-shrink: 0; }
.tabs-sliding-tab:not(.active):hover { color: var(--gold-dark); background: rgba(202,138,4,0.08); }
.tabs-sliding-tab.active { color: var(--marine); font-weight: 700; }
.tabs-sliding-tab:focus-visible { outline: 2px solid var(--gold-dark); outline-offset: 2px; }

@media (max-width: 460px) {
  .tabs-sliding { gap: 1px; padding: 3px; }
  .tabs-sliding-tab {
    padding: clamp(6px, 1.6vw, 7px) clamp(6px, 2vw, 9px);
    font-size: clamp(9.5px, 2.55vw, 11.5px);
    gap: clamp(0px, 1vw, 4px);
  }
  .tabs-sliding-tab-icon { width: clamp(9px, 2.7vw, 12px); height: clamp(9px, 2.7vw, 12px); }
}
@media (max-width: 455px) {
  .tabs-sliding-tab { gap: 0; }
  .tabs-sliding-tab-icon { display: none; }
}