/* desktop / mobile 2025 */
/* Cache la vue mobile sur desktop */
@media (min-width: 960px) { /* ou votre breakpoint desktop */
    .mobile-view {
        display: none !important;
    }
}

/* Cache la vue desktop sur mobile */
@media (max-width: 959px) { /* ou votre breakpoint mobile */
    .desktop-view {
        display: none !important;
    }
    
    /* Et stylisez votre structure mobile-view pour le drill-down */
}

/* menu principal */

#main-navigation {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 959px) {
  #main-navigation {
    overflow: hidden;
  }
}
#main-navigation.overflood {
  overflow: visible !important;
}
#main-navigation .dropdown-toggle {
  white-space: inherit;
}
#main-navigation.fixed-top {
  top: 0;
  z-index: 800;
  /* transition: all 0.3s ease-in-out; */
}
.mega-menu-wrapper.dropdown-menu > li ul:not(.mega-menu-wrapper) {
  padding-left: 0;
}
.mega-menu-wrapper.dropdown-menu > li h1,
.mega-menu-wrapper.dropdown-menu > li h2,
.mega-menu-wrapper.dropdown-menu > li h3,
.mega-menu-wrapper.dropdown-menu > li h4,
.mega-menu-wrapper.dropdown-menu > li h5,
.mega-menu-wrapper.dropdown-menu > li h6 {
  color: #000;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}
.mega-menu-wrapper.dropdown-menu > li h1::after,
.mega-menu-wrapper.dropdown-menu > li h2::after,
.mega-menu-wrapper.dropdown-menu > li h3::after,
.mega-menu-wrapper.dropdown-menu > li h4::after,
.mega-menu-wrapper.dropdown-menu > li h5::after,
.mega-menu-wrapper.dropdown-menu > li h6::after,
.mega-menu-wrapper.dropdown-menu > li h1::before,
.mega-menu-wrapper.dropdown-menu > li h2::before,
.mega-menu-wrapper.dropdown-menu > li h3::before,
.mega-menu-wrapper.dropdown-menu > li h4::before,
.mega-menu-wrapper.dropdown-menu > li h5::before,
.mega-menu-wrapper.dropdown-menu > li h6::before {
  display: none;
}
.mega-menu-wrapper.dropdown-menu > li a {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  opacity: 0.8;
  font-weight: 700;
}
.mega-menu-wrapper.dropdown-menu > li a.active,
.mega-menu-wrapper.dropdown-menu > li a:hover {
  opacity: 1;
}
/* links & types */
li.hover-activated a {
  color: #008630 !important;
}
.megamenu-container li.nav-item > a {
  color: #121f18;
  /* font-family: 'Lato', Arial, Helvetica, sans-serif; */
  font-size: 24px;
  line-height: 120%;
  font-weight: 500 !important;
  letter-spacing: 0.4px;
  padding: 12px 10px 12px 77px;
  text-decoration: none;
  height: auto;
  position: relative;
}
.megamenu-container li.nav-item > a:hover {
  color: #008630 !important;
}
@media screen and (min-width: 959px) {
  .megamenu-container li.nav-item > a:hover {
    color: #008630 !important;
  }
}
@media screen and (max-width: 959px) {
  .megamenu-container li.nav-item > a {
    font-size: 21px;
    color: #121f18;
    padding: 0;
  }
}
/* .megamenu-container li.nav-item.active > a {
	 background-color: #ccc;
} */
.megamenu-container li.nav-item:first-child > a,
.megamenu-container li.nav-item ul.sub-menu-pp > li.nav-item:first-child > a {
  padding-top: 70px;
}
@media screen and (max-width: 959px) {
  .megamenu-container li.nav-item:first-child > a,
  .megamenu-container li.nav-item ul.sub-menu-pp > li.nav-item:first-child > a {
    padding-top: 10px;
    margin-top: 15px;
  }
}
.megamenu-container li.nav-item:last-child > a,
.megamenu-container li.nav-item ul.sub-menu-pp > li.nav-item:last-child > a {
  padding-bottom: 70px;
}
@media screen and (max-width: 959px) {
  .megamenu-container li.nav-item:last-child > a,
  .megamenu-container li.nav-item ul.sub-menu-pp > li.nav-item:last-child > a {
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
}
ul.nav > li.nav-item > a {
  color: #121F18;
  /* font-family: 'Lato', Arial, Helvetica, sans-serif; */
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0.4px;
  margin-right: 15px;
  margin-left: 15px;
  text-decoration: none;
  height: 100%;
  position: relative;
  width: fit-content;
}
ul.nav > li.nav-item > a:hover,
ul.nav > li.nav-item > a.active {
  color: #008630;
  background-color: transparent;
}
@media screen and (max-width: 959px) {
  ul.nav > li.nav-item > a {
    font-size: 21px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 380px) {
  ul.nav > li.nav-item > a {
    font-size: 14px;
  }
}
#mobile-only-menu-elements.mobile-menu-subpart {
  padding-top: 50px;
}
#mobile-only-menu-elements .menu-item {
  text-align: center;
  font-size: 18px;
  line-height: 55px;
}
#mobile-only-menu-elements .menu-item a {
  color: #313131;
  font-weight: 600;
}
#mobile-only-menu-elements .menu-item.current-menu-item a {
  color: #15236e !important;
}
.megamenu-container .dropdown-menu > li.nav-item > a {
  text-transform: none;
  /* transition: all 0.3s; */
  font-size: 18px;
  line-height: 150%;
  font-weight: 600;
  letter-spacing: 0.4px;
  padding: 12px 10px 12px 35px;
  display: block;
  position: static;
  padding-right: 10px;
  padding-left: 0;
  color: #025644;
}
.megamenu-container .dropdown-menu > li.nav-item > a[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../images/external-link-icon-02.svg) left center no-repeat;
  background-size: 100%;
  opacity: 0.6;
  transform: translateY(3px);
  margin-left: 4px;
  /* transition: opacity 0.3s; */
}
.megamenu-container
  .dropdown-menu
  > li.nav-item
  > a[target="_blank"]:hover::after {
  opacity: 1;
}

.megamenu-container .dropdown-menu > li.nav-item > a.depth_2 {
  color: #008630;
  font-size: 16px;
  line-height: 80%;
}
@media screen and (max-width: 959px) {
  .megamenu-container .dropdown-menu > li.nav-item > a {
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 0;
  }
}
@media screen and (max-width: 380px) {
  .megamenu-container .dropdown-menu > li.nav-item > a {
    font-size: 12px;
  }
}
.megamenu-container li.nav-item.active > a,
.megamenu-container li.nav-item.active > a:after {
  color: #000;
}
@media screen and (min-width: 959px) {
  .megamenu-container li.nav-item.active > a,
  .megamenu-container li.nav-item.active > a:after {
    border-color: #000 !important;
  }
}
@media screen and (max-width: 959px) {
  .megamenu-container li.nav-item.active > a.depth_2 {
    font-weight: 600 !important;
  }
}
/* à fixer // position submenus */
li.nav-item.dropdown {
  position: static !important;
}
.menu-primary-inner > li.nav-item.dropdown {
  margin-left: -5px; /* évite espace entre deux items du menu principal / clicgnotement du menu au changement de rubrique*/
}

ul.dropdown-menu.depth_0 {
  left: 25%;
  width: 100%;
  padding: 0;
  margin: 0;
}
/* @media screen and (min-width: 959px) and (max-width: 1440px) {
	 ul.dropdown-menu.depth_0 {
		 left: 0;
	}
} */
@media screen and (max-width: 959px) {
  ul.dropdown-menu.depth_1 {
    background-color: #efefef;
  }
}
ul.dropdown-menu.depth_1 li {
  padding: 0;
  margin: 0;
}
/* ul.dropdown-menu.depth_0::after {
	 content: '';
	 top: 0;
	 left: 100%;
	 background-color: #3f3f3f;
	 width: 2500px;
	 height: 100%;
	 position: absolute;
	 z-index: 1;
} */
.megamenu-container {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 959px) {
  .megamenu-container {
    background-color: #ccc;
  }
}
.megasubmenu {
  /* background-color: transparent; */
}

/* DAREGAL */
@media screen and (min-width: 959px) {
  .dropdown-menu.depth_0 {
    background-color: #fff;
  }
}

/* DESCRIPTION */
.megamenu-description {
  background-color: #fff;
  padding: 70px 40px 30px 50px;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
  text-wrap: auto;
  color: #787878;
}

.megamenu-description p {
  margin-top: 0;
  font-size: 16px;
  line-height: 23px;
  font-weight: 400;
}

@media screen and (min-width: 1040px) {
  .megamenu-description p {
    padding-left: 20%;
    padding-right: 20%;
  }
}
.megamenu-description h3 {
  color: #787878;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  margin-bottom: 25px;
}
.megamenu-description h3::after {
  display: none;
}

/* CTA */
.megamenu-call2action {
  background: url(../images/dummy-cta.jpg) center center no-repeat #fff;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}

.megamenu-call2action::before {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index:1;
  background-color: rgba(0, 0, 0, 0.4);
}

/* .megamenu-call2action::after {
  content: "";
  position: absolute;
  bottom: 42px;
  left: -195px;
  width: 320px;
  height: 101px;
  z-index: 2;
  background: url(../images/menu-pattern.png) center center no-repeat;
  background-size: contain;
} */

.megamenu-call2action .cta-text {
  font-size: 32px;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  overflow: hidden;
  text-wrap: auto;
  width: 80%;
  z-index: 2;
}

.megamenu-call2action .cta-button {
  padding: 15px 30px;
  background-color: #1a6d48;
  color: #fff !important;
  text-decoration: none;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.3s ease;
  z-index: 2;
}

.submenu-light .menu-horizontal.menu-sub-enhanced .menu-smart ul .megamenu-call2action a.cta-button:hover {
  background-color: #008630;
  color: #fff !important;
}

/* NAV */
.navigation-menu-l2 {
  padding: 0;
}
@media screen and (min-width: 959px) {
  .navigation-menu-l2 {
    background-color: #fff;
    /* min-width: 400px; */
    padding-bottom: 35px;
    border-right: 1px solid #ebebeb;
  }
}
@media screen and (max-width: 959px) {
  .megamenu-container li.nav-item > a {
    font-size: 19px;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    width: fit-content;
    margin: 0 auto;
    padding-right: 0 !important;
  }
  .megamenu-container li.nav-item {
    padding-bottom: 0;
  }
  .megamenu-container .megasubmenu li > a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 13px;
  }
  .dropdown.active > .dropdown-menu {
    visibility: visible;
    display: block;
    opacity: 1;
    /* transition: all 0.2s ease-in-out; */
  }
  ul.navbar-nav > li.nav-item.active > a {
    color: #008630 !important;
  }
  ul.navbar-nav > li.nav-item.active > a.dropdown-toggle::after,
  ul.navbar-nav > li.nav-item.active > a.dropdown-toggle::after {
    border-color: #008630 !important;
  }
  .megamenu-container li.nav-item.active > a {
    background-color: transparent;
  }
  /* .megasubmenu {
		 padding: 0;
	} */
  .navigation-menu-l2 {
    padding: 0;
  }
}
@media screen and (max-width: 959px) and (max-width: 380px) {
  .megamenu-container li.nav-item > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 959px) and (min-width: 959px) {
  .megamenu-container li.nav-item.active > a.dropdown-toggle {
    background-color: #fff;
  }
}
/* Dropdown décelenchés au hover sur ecrans lg */
@media screen and (min-width: 959px) {
  .dropdown-menu.depth_0::before {
    content: "";
    width: 100%;
    height: 20px;
    background-color: transparent;
    display: block;
    position: absolute;
    z-index: 20;
    pointer-events: none;
    top: 0;
    -webkit-box-shadow: inset 0px 16px 10px -10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 16px 10px -10px rgba(0, 0, 0, 0.3);
  }
  .mega-menu-wrapper.dropdown-menu li h1,
  .mega-menu-wrapper.dropdown-menu li h2,
  .mega-menu-wrapper.dropdown-menu li h3,
  .mega-menu-wrapper.dropdown-menu li h4,
  .mega-menu-wrapper.dropdown-menu li h5,
  .mega-menu-wrapper.dropdown-menu li h6 {
    text-align: left;
  }
  .mega-menu-wrapper.dropdown-menu li div {
    /* min-width: 250px; */
    width: max-content;
  }
  .dropdown > .dropdown-menu {
    top: 100%;
    z-index: 5;
    float: none;
    list-style: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.2s ease-in-out; */
    width: fit-content;
    display: block; /* important : conditionne fonctionnement sous menus*/
    transition: opacity 0.1s ease-in-out;
    transition-delay: .6s;
  }
   .dropdown > .dropdown-menu.megasubmenu {
    top: 0;
    left: 100px;
    z-index: 5;
    float: none;
    list-style: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    /* transition: all 0.2s ease-in-out; */
    width: fit-content;
    display: none; /* important : conditionne fonctionnement sous menus*/
    transition: none;
    transition-delay: none;
  }
  .dropdown > .dropdown-menu li.nav-item {
    text-align: left !important;
    line-height: 16px;
  }
  /* .dropdown-menu.megasubmenu {
    top: 0;
    left: 100%;
  } */
  .dropdown:hover > .dropdown-menu {
    visibility: visible;
    display: block;
    opacity: 1;
    margin-top: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
    /* transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.4s; */
  }
  .dropdown.active > .dropdown-menu.megasubmenu {
    visibility: visible;
    display: block;
    opacity: 1;
    margin-top: 0 !important;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
    /* transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0.4s; */
  }
  .dropdown:hover > .dropdown-menu,
  .dropdown:not(.active) > .dropdown-menu.megasubmenu {
    /* display: none; */
  }
  .dropdown.active.active-discreet > a.nav-link {
    background-color: transparent;
  }
  .dropdown .dropdown-toggle::after {
    top: 1px;
  }
  .dropdown .navigation-menu-l2 .dropdown-toggle::after {
    top: 5px;
    border-color: #717171 !important;
  }
  .mega-menu-parent.dropdown .dropdown-menu {
    position: absolute;
  }
  .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    padding-top: 0;
    height: 70px;
    /* main-menu-height;
		*/
  }
  .navbar-collapse {
    justify-content: flex-end;
  }
  ul.navbar-nav > li.nav-item {
    display: flex;
    align-items: center;
    /* height: 70px; */
    /* main-menu-height;
		*/
    background-color: transparent;
    /* transition: all 0.1s; */
  }
  ul.navbar-nav > li.nav-item > a {
    display: flex;
    align-items: center;
    font-size: 17px;
  }
  ul.navbar-nav > li.nav-item.active > a,
  ul.navbar-nav > li.nav-item:hover > a {
    color: #008630 !important;
  }
  ul.navbar-nav > li.nav-item.active > a.dropdown-toggle::after,
  ul.navbar-nav > li.nav-item:hover > a.dropdown-toggle::after {
    border-color: #008630 !important;
  }
  ul.navbar-nav > li.nav-item > a::before,
  ul.navbar-nav > li.nav-item > a::before {
    display: block;
    content: "";
    position: absolute;
    background-color: #53af32;
    width: 75px;
    height: 10px;
    transform: skew(25deg);
    bottom: 0;
    opacity: 0;
    /* transition: all 0.3s; */
    left: 5px;
  }
  ul.navbar-nav > li.nav-item.active > a::before,
  ul.navbar-nav > li.nav-item:hover > a::before {
    opacity: 1;
    bottom: 0;
    left: 10px;
  }
}
/* end media query 959px */
@media screen and (min-width: 959px) and (max-width: 1390px) {
  ul.navbar-nav > li.nav-item > a {
    margin-right: 2px;
    margin-left: 0px;
    font-size: 16px;
  }
}
/* .megasubmenu {
	 padding: 1rem;
} */
/* ============ desktop view ============ */
@media all and (min-width: 959px) {
  .megasubmenu {
    left: 100%;
    top: 0;
    min-height: 100%;
  }
  .dropdown-menu > li:hover .megasubmenu {
    display: block;
  }
}
/* ============ desktop view .end// ============ */
/* ---------------*/
/* * chevrons menus déroulants main menu */
.dropdown .dropdown-toggle::after {
  margin-left: 0.5em;
  content: "";
  border-top: 3px solid #025644;
  border-right: 3px solid #025644;
  border-bottom: 0;
  border-left: 0;
  display: inline-block;
  height: 10px;
  width: 10px;
  left: -7px;
  position: relative;
  top: 0;
  transform: rotate(45deg);
  /* transition: all 0.3s; */

  display: none;
}
@media screen and (max-width: 959px) {
  .dropdown .dropdown-toggle::after {
    position: absolute;
    z-index: 5;
    top: 42%;
    left: auto;
    right: -23px;
    border-color: #313131;
  }
}
@media screen and (max-width: 959px) {
  .dropdown .dropdown-toggle::before {
    margin-left: 0.5em;
    content: "";
    border: 1px solid #313131;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    width: 24px;
    transform: rotate(45deg);
    /* transition: all 0.3s; */
    position: absolute;
    z-index: 1;
    top: 26%;
    right: -31px;
    border-color: #747474;
  }
  .dropdown-toggle.show::after,
  .current_page_item > .dropdown-toggle::after,
  .menu-item.current-menu-ancestor > .dropdown-toggle::after,
  .current-menu-parent > .dropdown-toggle::after,
  .menu-item.active > .dropdown-toggle::after {
    transform: rotate(135deg);
    top: 39%;
    right: -24px;
    border-color: #025644;
  }
  .dropdown-toggle.show::before,
  .current_page_item > .dropdown-toggle::before,
  .menu-item.current-menu-ancestor > .dropdown-toggle::before,
  .current-menu-parent > .dropdown-toggle::before,
  .menu-item.active > .dropdown-toggle::before {
    border-color: #025644;
  }
  #bootstrap-nav-collapse {
    height: 0;
    /* transition: height 0.3s; */
  }
  #bootstrap-nav-collapse.show {
    min-height: 100vh;
    height: 100vh;
    max-width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 150px;
  }
}
.dropdown-toggle::after {
  display: none;
}
/* si admin bar */
body.admin-bar #main-navigation.fixed-top {
  top: 32px !important;
}

/* CSS GRID VERSION */

/* Conteneur de la grille (équivalent à .row) */
.megamenu-container {
  display: grid;
  /* Crée un système de 12 colonnes de largeur égale */
  grid-template-columns: repeat(12, 1fr);
  /* Gère l'espacement entre les colonnes */
  gap: 0;
  /* Ombre du menu */
  -webkit-box-shadow: 0px 30px 50px 10px rgba(0,0,0,0.29); 
  box-shadow: 0px 30px 50px 10px rgba(0,0,0,0.29);
}

/* Éléments de la grille */
.megamenu-description {
  grid-column: span 4;
}
.navigation-menu-l2 {
  grid-column: span 4;
}
.megamenu-call2action {
  grid-column: span 4;
}

/* Styles pour les écrans plus petits (équivalent aux classes d-none, d-block, etc.) */
@media screen and (max-width: 959px) {
  /* Sur les écrans de moins de 959px, les colonnes se mettent en bloc (stacked) */
  .row {
    display: block;
  }

  .megamenu-description,
  .navigation-menu-l2 {
    display: block;
    width: 100%;
  }
}

/* spécifiques UNCODE */
.menu-horizontal ul.menu-smart ul.megasubmenu {
  left: calc(100% + 1px);
  padding: 0 40px 0 50px !important;
  visibility: inherit;
  pointer-events: all;
}

@media (min-width: 960px) {
  .megamenu-container .mega-menu-inner > li.menu-item {
    display: block !important;
  }
  a.nav-link.menu-btn-container.btn {
    height: auto !important;
    font-weight: 500 !important;
  }
}

.menu-horizontal ul.menu-smart ul.pprow.depth_0 {
  left: -202px !important; /* taille logo pour ramener le menu à gauche de l'écran */
  top: 85px !important; /* hauteur menu */
  width: 100vw;
  pointer-events: all !important;
  padding: 0;
}

/* Fixes menus */
.mobile-additional-icon i {
	color: #000; /* fix icone loupe color blue mobile */
}

/* mobile menu TEST */
/* ====================================
   Conteneur racine du menu mobile (menu-mobile-wrapper de header.php)
   C'est ici que le masquage/affichage sera géré par Uncode, ou via notre CSS
   ==================================== */
.menu-mobile-wrapper {
    /* Assure que tous les sous-menus (en position absolute) restent à l'intérieur */
    position: relative;
    overflow: hidden; /* Cache les sous-menus qui sont décalés vers la droite */
    width: 100%;
    /* Définir une hauteur fixe ou maximale si nécessaire pour éviter les sauts de page */
    max-height: 80vh; 
    overflow-y: auto; /* Permet le défilement si le menu est très long */
}

/* Le <ul> racine (mobile-drilldown-root de wp_nav_menu) */
.mobile-drilldown-root {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    /* Transition pour l'animation de retour à la racine si on utilise le glissement global */
    transition: transform 0.3s ease-in-out; 
}

/* ====================================
   Sous-menus (<ul>.mobile-submenu)
   ==================================== */
.mobile-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    
    /* Positionnement : Empile tous les sous-menus les uns sur les autres */
    position: absolute; 
    top: 0;
    left: 0;
    
    /* DÉPLACEMENT INITIAL : Cache le sous-menu en le décalant complètement à droite */
    transform: translateX(100%);
    
    /* Animation pour le glissement */
    transition: transform 0.3s ease-in-out; 
    
    /* Assure que les sous-menus couvrent bien le parent */
    background: #fff; /* ou la couleur d'arrière-plan de votre menu */
    height: 100%; 
    overflow-y: auto;
    
    /* Masquer par défaut pour les navigateurs sans JS (Fallback) */
    display: none; 
}

/* Classe ajoutée par JS pour montrer le sous-menu */
.mobile-submenu.is-open {
    transform: translateX(0); /* Ramène le sous-menu dans le champ de vision */
    display: block; /* Nécessaire pour l'accessibilité/fallback */
}

/* ====================================
   Éléments d'interaction
   ==================================== */
.has-drilldown-children > a {
    /* Pour s'assurer que le lien et le toggle sont bien alignés */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-drilldown-toggle {
    cursor: pointer;
    padding: 10px;
    margin-left: 10px;
    /* Styles visuels pour le bouton */
    color: #000;
}