.custom_menu_mobile{
    width: 100%;
}
.mobile-menu {
    list-style-type: none; /* Supprimez les puces des listes */
    padding: 0; /* Supprimez le remplissage */
    margin: 0; /* Supprimez la marge */
}
.mobile-menu ul{
    padding-left: 0px
}
.mobile-menu li {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #ececec;
}

.mobile-menu a {
    text-decoration: none; /* Supprimez le soulignement */
    color: #333; /* Couleur du texte */
    padding: 10px; /* Espacement interne */
    display: flex; /* Flexbox pour aligner la flèche */
    justify-content: space-between; /* Espace entre le lien et la flèche */
    align-items: center; /* Centrer verticalement */
    flex: 1;
    font-size: 15px;
}
.mobile-menu li.active{
    background: #ececec;
}

.mobile-menu li.active ul{
    padding-left: 0px;
}
.mobile-menu li.active ul li a{
    padding: 5px 20px 5px 20px;
}
.mobile-menu li.active ul li.active ul a{
    padding: 5px 20px 5px 30px;
}

/* Style pour les sous-menus */
.mobile-menu .sub-menu {
    width: 100%;
    display: none; /* Masquer le sous-menu par défaut */
    overflow: hidden; /* Cache le contenu débordant */
    transition: max-height 0.3s ease, opacity 0.3s ease; /* Transition fluide */
    padding-left: 0px;
}

.mobile-menu a {
    text-decoration: none;
    color: #333;
    padding: 10px 20px 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}
.mobile-menu .submenu-toggle{
    padding: 10px;
    padding-right: 15px;
    display: flex;
}

.mobile-menu  svg {
    height: 15px;
    transition: 0.1s all;
}
.mobile-menu li.active > .submenu-toggle > svg {
    transform: rotate(90deg);
}