/**
 * @brief Chestnut Theme - Menu déroulant horizontal Flexbox stable
 */
#nav, #menu { display: none !important; }

/* 1. FORCE LA BARRE PRINCIPALE EN MODE HORIZONTAL (FLEXBOX) */
#navsm {
  display: flex !important;
  flex-direction: row !important; /* Aligne les éléments sur une ligne */
  flex-wrap: nowrap !important;   /* Empêche le retour à la ligne */
  list-style: none !important;
  padding: 0 5px !important;
  height: 30px !important;
  position: relative !important;
  border-bottom: 1px solid #d9d9d9 !important;
  background: linear-gradient(to bottom, #edeae3 0%, #f6f4ee 100%) !important;
  border-radius: 2px !important;
  z-index: 1000 !important;
  margin: 0 0 15px 0 !important;
}

/* 2. STYLE DES BOUTONS PRINCIPAUX (Parents) */
#navsm > li {
  display: block !important;
  line-height: 30px !important;
  height: 30px !important;
  position: relative !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 1 auto !important; /* Laisse chaque bouton prendre sa taille naturelle */
}

/* Séparateur vertical | */
#navsm > li:after {
  content: "|" !important;
  display: inline-block !important;
  color: #554c46 !important;
  margin: 0 5px !important;
  line-height: 30px !important;
  vertical-align: top !important;
}
#navsm > li:last-child:after { content: "" !important; } /* Supprime le dernier | */

/* Liens principaux (Couleur foncée corrigée) */
#navsm > li > a {
  color: #554c46 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  padding: 0 12px !important;
  text-decoration: none !important;
  height: 30px !important;
  line-height: 30px !important;
  vertical-align: top !important;
}

#navsm > li > a:hover { 
  background: #e2dac9 !important; 
}

/* État actif */
#navsm > li.active > a { 
  background: #B88F00 !important; 
  color: #ffffff !important; 
}

/* ===================================================
   3. LES BLOCS DÉROULANTS (Sous-menus)
   =================================================== */
#navsm li ul {
  display: none !important;
  position: absolute !important;
  top: 30px !important; /* Se colle sous la barre */
  left: 0 !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: 180px !important;
  background: #f6f4ee !important; /* Fond opaque solide */
  border: 1px solid #d9d9d9 !important;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.15) !important;
  z-index: 2000 !important;
}

/* Déroulement au survol d'un parent */
#navsm li:hover > ul { 
  display: block !important; 
}

/* Lignes du sous-menu (Imposé en Vertical) */
#navsm li ul li {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  line-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #edeae3 !important;
}
#navsm li ul li:last-child { border-bottom: none !important; }
#navsm li ul li:after { content: "" !important; } /* Nettoie les résidus de | */

/* Liens des sous-menus */
#navsm li ul a {
  display: block !important;
  padding: 0 15px !important;
  font-weight: normal !important;
  color: #554c46 !important;
  background: #f6f4ee !important;
  text-decoration: none !important;
  text-align: left !important;
}

#navsm li ul a:hover {
  background: #e2dac9 !important;
  color: #554c46 !important;
}