/**
 * Styles pour les liens du mega menu
 * Assure que les liens se comportent correctement dans les boutons de menu
 */

/* Liens dans les boutons principaux du menu mobile */
.um-bouton-mobile .menu-link-text {
    color: inherit;
    text-decoration: none;
    display: inline;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}

.um-bouton-mobile .menu-link-text:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* Liens dans les boutons principaux du menu desktop */
.dropdown-button .menu-link-text {
    color: inherit;
    text-decoration: none;
    display: inline;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}

.dropdown-button .menu-link-text:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* Liens dans les sous-menus mobiles */
.um-element-mobile a,
.um-sous-element-mobile a {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    transition: background-color 0.3s ease;
}

.um-element-mobile a:hover,
.um-sous-element-mobile a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Liens dans les sous-menus desktop */
.dropdown-item a,
.submenu-item a {
    color: inherit;
    text-decoration: none;
    display: block;
    transition: background-color 0.3s ease;
}

.dropdown-item a:hover,
.submenu-item a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* S'assurer que les icônes dans les liens gardent leur espacement */
.um-element-mobile a i,
.um-sous-element-mobile a i,
.dropdown-item a i,
.submenu-item a i {
    margin-right: 10px;
}

/* Empêcher la propagation des clics sur les chevrons pour garder la fonctionnalité dropdown */
.um-toggle-icon-mobile,
.fas.fa-chevron-down {
    pointer-events: auto;
    cursor: pointer;
}