.solly-nav-2026 .nav-pill__wrapper.has-child {
  position: relative;
}

/* Rotation du chevron .nav-pill__chevron quand le wrapper est ouvert,
   alignee sur le comportement des triggers de megamenu (gammes/cartes). */
.solly-nav-2026 .nav-pill__wrapper.has-child.is-open > button .nav-pill__chevron,
.solly-nav-2026 .nav-pill__wrapper.has-child.is-open > a .nav-pill__chevron {
  transform: rotate(180deg);
}

.solly-nav-2026 .nav-pill__wrapper.has-child .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  min-width: 220px;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  display: none;
}

.solly-nav-2026 .nav-pill__wrapper.has-child.is-open .submenu {
  display: block;
}

.solly-nav-2026 .nav-pill__wrapper.has-child .submenu li {
  list-style: none;
}

.solly-nav-2026 .nav-pill__wrapper.has-child .submenu a,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu .obfuscated {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
  cursor: pointer;
}

/* Niveau -1 : enfants directs du submenu, texte noir au repos et au hover. */
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu > li > a,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu > li > a:hover,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu > li > .obfuscated,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu > li > .obfuscated:hover {
  color: #302f3c;
}

/* Niveau -2 et plus : descendants imbriques, texte gris au repos et au hover. */
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu ul a,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu ul a:hover,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu ul .obfuscated,
.solly-nav-2026 .nav-pill__wrapper.has-child .submenu ul .obfuscated:hover {
  color: #50505e;
}

.solly-nav-2026 .nav-pill__wrapper.has-child .submenu ul {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
}