/* ===== Menu du site =========================================================
   Chargee sur toutes les pages : le menu doit avoir le meme affichage partout.

   Deux corrections de fond, valables sur l ensemble du site :

   1. Le theme posait -webkit-text-stroke:0.5px sur les entrees. Ce contour
      etait la pour rattraper « NOIR et BLANC », une didone dont les delies
      disparaissent a 12 px. Mais il epaissit aussi les pleins et creuse
      l interieur des lettres. On retire le contour et on passe a Work Sans,
      dessinee pour ces tailles.

   2. -webkit-text-fill-color passe DEVANT color. Sans le fixer, une regle du
      theme peut reprendre la main sur la couleur du menu, quoi qu on ecrive
      dans color. */
nav.navbar #menu-top a,
nav.navbar #menu-top a i{
  -webkit-text-stroke-width:0 !important;
  -webkit-text-fill-color:currentColor !important;}

nav.navbar #menu-top > li > a{
  font-family:'Work Sans',system-ui,-apple-system,sans-serif !important;
  font-weight:500 !important;font-size:12.5px !important;letter-spacing:.1em !important;}

/* Le chevron des entrees a sous-menu : l espace du theme etait calee sur
   l interlettrage de l ancienne police, plus large. */
nav.navbar #menu-top > li > a i{
  margin-left:8px !important;font-size:9px !important;
  vertical-align:baseline;opacity:.75;}

/* Les deroulants, tous identiques : celui de Breathwork liste les sections de
   la page, ceux de PandoraStar ou Labo des pages, mais rien ne justifie qu ils
   ne se ressemblent pas. */
/* Fond opaque : a 96 % l image de la page transparaissait et brouillait le
   texte. Rembourrage a zero et overflow:hidden : la bande de survol touche
   alors les quatre bords du panneau, et les angles la rognent proprement.
   width:max-content : le panneau prend la largeur de son plus long libelle,
   plafonne a 360 px, au lieu de forcer un retour a la ligne des 290 px. */
nav.navbar #menu-top .dropdown-menu{
  background:#0b0f3a !important;
  border:1px solid rgba(95,212,203,.22);border-radius:3px;
  padding:0 !important;overflow:hidden;
  min-width:290px;width:max-content;max-width:360px;
  box-shadow:0 18px 40px rgba(0,0,0,.4);}
/* Les libelles sont longs : « Inscription Pandora & Cercle de parole » ne
   tient pas sur une ligne. On assume le retour a la ligne plutot que de le
   subir : interligne ouvert, retrait sur la seconde ligne, et une bande de
   survol qui couvre proprement les deux lignes. */
/* Le <li> du theme porte 28 px de rembourrage lateral : la bande de survol
   s arretait donc a 29 px de chaque bord au lieu de remplir la ligne. On vide
   le <li> et on remet ce rembourrage sur le lien, qui devient la ligne entiere. */
nav.navbar #menu-top .dropdown-menu li{padding:0 !important;margin:0 !important;}
nav.navbar #menu-top .dropdown-menu a{
  font-family:'Work Sans',system-ui,-apple-system,sans-serif !important;
  font-weight:500 !important;font-size:11.5px !important;line-height:1.5 !important;
  letter-spacing:.07em !important;text-transform:uppercase !important;
  color:rgba(242,238,227,.8) !important;padding:11px 22px !important;
  border-bottom:0 !important;white-space:normal !important;
  display:block;text-indent:0;transition:color .2s,background .2s;}
nav.navbar #menu-top .dropdown-menu li + li a{
  border-top:1px solid rgba(242,238,227,.07) !important;}
nav.navbar #menu-top .dropdown-menu a:hover,
nav.navbar #menu-top .dropdown-menu a:focus-visible{
  color:#0b0f3a !important;background:#5fd4cb !important;}

/* ===== L entree « Réservation » en bouton ====================================
   Elle existait deja dans le menu : on lui donne l allure d un bouton plutot
   que d en injecter un second. Un seul mecanisme, gere depuis Apparence >
   Menus, et le meme affichage sur toutes les pages. */
nav.navbar #menu-top > li.ess-menu-bouton > a{
  border:1px solid currentColor;border-radius:999px;
  padding:10px 22px !important;margin-left:14px !important;
  line-height:1.1 !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease;}
nav.navbar #menu-top > li.ess-menu-bouton > a:hover,
nav.navbar #menu-top > li.ess-menu-bouton > a:focus-visible{
  background:#5fd4cb !important;color:#0b0f3a !important;border-color:#5fd4cb !important;}
@media (max-width:1199px){
  nav.navbar #menu-top > li.ess-menu-bouton > a{padding:8px 16px !important;margin-left:8px !important;}
}
/* Dans le menu deroulant du mobile, le bouton redevient une entree ordinaire :
   une pilule pleine largeur dans une liste verticale n a pas de sens. */
@media (max-width:991px){
  nav.navbar #menu-top > li.ess-menu-bouton > a{
    border:0 !important;border-radius:0 !important;margin-left:0 !important;}
}

/* Le menu est un conteneur flex : avec sept entrees plus le bouton, il
   debordait et le bouton passait a la ligne sous 1200 px. Le thema ne bascule
   en menu burger qu a 991 px, donc entre les deux il fallait resserrer.
   On garde tout sur une ligne et on centre verticalement. */
nav.navbar #menu-top{align-items:center !important;flex-wrap:nowrap !important;}
nav.navbar #menu-top > li{display:flex;align-items:center;}
nav.navbar #menu-top > li.ess-menu-bouton > a{align-self:center;}
@media (min-width:992px) and (max-width:1399px){
  nav.navbar #menu-top > li > a{margin:0 11px !important;}
  nav.navbar #menu-top > li > a i{margin-left:5px !important;}
}
@media (min-width:992px) and (max-width:1199px){
  nav.navbar #menu-top > li > a{margin:0 7px !important;font-size:11.5px !important;letter-spacing:.06em !important;}
  nav.navbar #menu-top > li.ess-menu-bouton > a{padding:9px 15px !important;margin-left:10px !important;}
}