/* Menu principal : complements a style.css.
   Ecrit par tools/build_site.py, a fondre dans site/style.css. */

@media (min-width: 901px) {
  /* .nav-barre .contenu est deja en position:relative : en rendant l'entree
     statique, le panneau s'ancre sur la page et non sur l'entree, donc il ne
     peut plus deborder a gauche ni a droite quel que soit son nombre de
     colonnes. */
  .a-menu.large { position: static; }
  .a-menu.large > .deroulant {
    left: 20px; right: auto;
    transform: translate(0, 10px);
    max-width: calc(100% - 40px);
  }
  .a-menu.large:hover > .deroulant,
  .a-menu.large:focus-within > .deroulant { transform: translate(0, 0); }

  /* Six colonnes ne tiennent pas sur une ligne : elles passent a la ligne au
     lieu d'elargir le panneau. */
  .deroulant.mega { flex-wrap: wrap; row-gap: 1.5rem; align-items: flex-start; }
}

/* Le badge suit le libelle, le prix ferme la ligne. */
.deroulant li a .prix-menu { margin-left: .45rem; }
.deroulant h5 .bientot { vertical-align: 2px; }