/* =====================================================================
   Style des Comètes pour le menu du thème Kadence
   (activé par la case « Style du menu » du menu Les Comètes)
   ===================================================================== */

/* En-tête : fond blanc, fine ombre violette */
#masthead, #masthead .site-header-row-container-inner { background: #fff; }
#masthead { box-shadow: 0 1px 0 rgba(67, 29, 75, .08), 0 6px 18px rgba(67, 29, 75, .06); position: relative; z-index: 20; }

/* Liens du menu */
#masthead .header-navigation .menu > li > a {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  font-size: .95rem;
  color: #431d4b;
  position: relative;
  transition: color .2s;
}
#masthead .header-navigation .menu > li > a::after {
  content: "";
  position: absolute;
  left: calc(50% - 12px);
  bottom: .55em;
  width: 24px;
  height: 3px;
  border-radius: 3px;
  background: #e04f9c;
  transform: scaleX(0);
  transition: transform .2s ease;
}
#masthead .header-navigation .menu > li > a:hover,
#masthead .header-navigation .menu > li.current-menu-item > a { color: #2b1131; }
#masthead .header-navigation .menu > li > a:hover::after,
#masthead .header-navigation .menu > li.current-menu-item > a::after,
#masthead .header-navigation .menu > li.current-menu-ancestor > a::after { transform: scaleX(1); }

/* Sous-menus */
#masthead .header-navigation .sub-menu { background: #fff; border-radius: 12px; box-shadow: 0 14px 34px rgba(67, 29, 75, .18); overflow: hidden; }
#masthead .header-navigation .sub-menu a { color: #431d4b; }
#masthead .header-navigation .sub-menu a:hover { background: #f3ecf5; }

/* Élément du menu en bouton : ajouter la classe « cometes-bouton » dans Apparence → Menus */
#masthead .header-navigation .menu > li.cometes-bouton > a {
  background: #431d4b;
  color: #fff;
  border-radius: 99px;
  padding: .55em 1.25em;
  margin-left: .5em;
}
#masthead .header-navigation .menu > li.cometes-bouton > a:hover { background: #e04f9c; color: #fff; }
#masthead .header-navigation .menu > li.cometes-bouton > a::after { display: none; }

/* Bouton du menu mobile */
#masthead .menu-toggle-open, #masthead .menu-toggle-open .menu-toggle-icon { color: #431d4b; }

/* Menu mobile (tiroir) : fond violet, grands titres */
#mobile-drawer .drawer-inner { background: linear-gradient(160deg, #2b1131, #431d4b 60%, #6a2c74); }
#mobile-drawer .drawer-header .drawer-toggle, #mobile-drawer .menu-toggle-close { color: #fff; }
#mobile-drawer .mobile-navigation ul li > a,
#mobile-drawer .mobile-navigation ul li > .drawer-nav-drop-wrap > a {
  font-family: "Anton", Impact, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 1.55rem;
  letter-spacing: .3px;
  color: #fff;
  padding-top: .45em;
  padding-bottom: .45em;
}
#mobile-drawer .mobile-navigation ul li.current-menu-item > a { color: #f6a8d0; }
#mobile-drawer .mobile-navigation ul li { border-color: rgba(255, 255, 255, .12); }
#mobile-drawer .mobile-navigation .drawer-sub-toggle { color: #fff; }