.espace-enseignants-menu {
    list-style: none;
    padding: 10px;
    background-color: var(--mediachimie-enseignants-color);
    margin: 0 0 5px;
}

.espace-enseignants-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
}

.espace-enseignants-menu .menu-item {
    position: relative;
    margin: 0;
    padding: 0;
}

/* Style de base pour tous les liens */
.espace-enseignants-menu a {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

/* Style pour les liens de niveau 1 */
.espace-enseignants-menu > li > a {
    font-family: var(--mediachimie-font-titles); letter-spacing: var(--mediachimie-font-titles-letter-spacing);
    font-size: 1.25rem;
    font-weight: 500;
    padding: 10px 0;
    text-transform: uppercase;
    color: var(--mediachimie-color-white);
    border-bottom: 1px solid var(--mediachimie-color-white);
}

/* Pour le dernier élément DE NIVEAU 1 uniquement */
.espace-enseignants-menu > li:last-child > a {
    border-bottom: none;
}

/* Seulement pour le dernier élément DE NIVEAU 1 quand il est déployé */
.espace-enseignants-menu > li:last-child.menu-item--expanded > a {
    border-bottom: 1px solid var(--mediachimie-color-white);
}

/* S'assurer que les bordures sont désactivées pour tous les niveaux inférieurs */
.espace-enseignants-menu > li > ul li > a {
    border-bottom: none !important;
}

/* Désactiver spécifiquement pour les derniers éléments des niveaux inférieurs */
.espace-enseignants-menu > li > ul li:last-child > a {
    border-bottom: none !important;
}

/* Style pour les liens de niveau 2 */
.espace-enseignants-menu > li > ul > li > a {
    font-family: inherit;
    font-size: 14px;
    line-height: 1rem;
    color: var(--mediachimie-color-white);
    padding: 5px 0 5px 10px;
    text-transform: none;
    border-bottom: none;
    margin-bottom: 0; /* Pas de marge par défaut */
}

.espace-enseignants-menu > li > ul {
    margin-top:10px;
}

/* Style pour les liens de niveau 2 UNIQUEMENT avec enfants */
.espace-enseignants-menu > li > ul > li.has-children > a {
    font-weight: 500;
    margin-bottom: 5px; /* Marge uniquement pour les éléments avec enfants */
}

/* Style pour les liens de niveau 3 */
.espace-enseignants-menu > li > ul > li > ul > li > a {
    padding: 3px 0 3px 20px;
    margin: 0;
}

/* Ajouter un espacement après le dernier élément de niveau 3 */
.espace-enseignants-menu > li > ul > li > ul > li:last-child > a {
    margin-bottom: 10px;
}

/* Style pour le menu déployé */
.espace-enseignants-menu .menu-item.menu-item--expanded > ul {
    display: block;
}

/* Mise en évidence de l'élément actif */
.espace-enseignants-menu .is-active,
.espace-enseignants-menu ul li a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Espacement entre les groupes de niveau 2 - UNIQUEMENT pour les éléments avec enfants */
.espace-enseignants-menu > li > ul > li.has-children:not(:last-child) {
    margin-bottom: 5px;
}

/* Pour les éléments sans enfants, s'assurer qu'il n'y a pas de marge inférieure */
.espace-enseignants-menu > li > ul > li:not(.has-children) > a {
    margin-bottom: 0;
}

/* Mais ajouter une marge au dernier élément de niveau 2 sans enfants dans un groupe */
.espace-enseignants-menu > li > ul > li:last-child:not(.has-children) > a {
    margin-bottom: 10px;
}