/* ==========================================================================
   .pm-navlist — liste de liens à filet, utilisée deux fois dans le panneau
   menu : les 8 rubriques (avec icône) et les 9 liens secondaires (sans).

   L'icône de gauche est optionnelle : même bloc, même CSS, aucun modificateur.
   C'est ce qui permet au futur template Twig de boucler sur un menu Drupal
   dont certaines entrées portent une icône et d'autres pas.
   ========================================================================== */

.pm-navlist {
  display: flex;
  flex-direction: column;
}

.pm-navlist__link {
  display: flex;
  align-items: center;
  gap: var(--pm-space-xs);
  min-height: var(--pm-row-height);

  /* Le filet est porté par chaque entrée, y compris la dernière : c'est ce que
     fait la maquette (les 9 entrées de Frame 78 ont toutes leur bordure).

     C'est une vraie `border-bottom`, avec 1px repris sur le padding bas. Figma
     dessine ses contours à l'intérieur de la boîte (`strokeAlign: INSIDE`) :
     l'entrée mesure 48px FILET COMPRIS. Une bordure ajoutée aux 12+24+12 de
     contenu donnerait 49px, et 9px de dérive sur les 9 entrées de la liste. */
  padding-block: var(--pm-space-xs) calc(var(--pm-space-xs) - var(--pm-border-width));
  border-bottom: var(--pm-border);

  font-family: var(--pm-text-interface-family);
  font-size: var(--pm-text-interface-size);
  font-weight: var(--pm-text-interface-weight);
  line-height: var(--pm-text-interface-height);
  letter-spacing: var(--pm-text-interface-spacing);
  transition: color var(--pm-duration) var(--pm-easing);
}

/* Pousse le chevron contre le bord droit quelle que soit la longueur du
   libellé — et quel que soit le nombre d'éléments avant lui. */
.pm-navlist__label {
  flex: 1 1 auto;
}

/* Survol : aucune variante Figma pour ces entrées de panneau (le jeu
   « Entrée menu » 2068:4242 décrit les rubriques du bandeau, pas celles-ci).
   Le passage au bleu du texte et des icônes est l'inférence cohérente avec le
   reste du système. Pas de fond : il faudrait surcharger le box-shadow, qui
   porte déjà le filet, et l'effacerait. À valider. */
.pm-navlist__link:hover {
  color: var(--pm-color-hover);
}

/* Entrée correspondant à la page courante. Absente de la maquette, mais
   indispensable dès que Drupal rendra le menu : sans elle, il n'y a aucun
   accroche CSS pour `is-active`. */
.pm-navlist__link[aria-current="page"] {
  font-weight: 700;
}