/* Listing « Nos produits » — navigation par catégories
   Reprend le bleu institutionnel du site (#00366b / #005bbf). */

/* --------------------------------------------------------------------------
   Liens de catégorie

   Les onglets Oxygen sont devenus de vrais liens : ils ont perdu la classe
   oxy-tab (sans quoi Oxygen réactivait d'office le premier onglet). On
   reproduit les trois propriétés qu'elle apportait ; le design lui-même
   (couleurs, état actif, retrait des sous-catégories) vient toujours des
   classes tabs-7172-tab* et des identifiants, conservés.
   -------------------------------------------------------------------------- */

/* La navigation est une liste (« Nos médicaments » contient ses six aires) :
   on neutralise puces et retraits, le rendu reste celui des onglets. Le
   retrait des sous-catégories vient toujours des règles par identifiant. */
.agt-cats,
.agt-cats-sous {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.agt-cats li {
  margin: 0;
  padding: 0;
}

.agt-cats li::marker {
  content: none;
}

.agt-cat {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  cursor: pointer;
  text-decoration: none;
}

/* Critère RGAA 10.7 : la prise de focus reste visible. :focus-visible pour ne
   pas dessiner de contour au clic souris. */
.agt-cat:focus-visible {
  outline: 3px solid #005bbf;
  outline-offset: 2px;
  position: relative;
  z-index: 2;
}

/* --------------------------------------------------------------------------
   Panneaux vides

   Chaque page ne contient que les produits de sa catégorie : les autres
   panneaux sont vides. À l'initialisation, Oxygen ré-affiche d'office le
   premier panneau ; vide, il ne doit rien occuper.
   -------------------------------------------------------------------------- */

.oxy-tab-content:empty {
  display: none !important;
}

/* Chargement d'une catégorie, seulement si l'attente dépasse 200 ms. */
.agt-chargement {
  opacity: .45;
  cursor: progress;
  transition: opacity .15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .agt-chargement { transition: none; }
}

/* Annonce aux lecteurs d'écran, invisible à l'écran. */
.agt-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}