/*
 * Styles de base pour le Mega Menu Elementor
 */

.emmw-mega-menu-container {
    /* Style de base du conteneur du menu */
}

.emmw-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Pour un menu horizontal */
}

.emmw-menu-list > li {
    position: relative; /* Important pour positionner le panneau */
    padding: 0 15px;
}

.emmw-menu-list > li > a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
}

/* Panneau du Mega Menu */
.emmw-mega-menu-panel {
    position: absolute;
    top: 100%; /* S'affiche juste en dessous de l'élément de menu */
    left: 0;
    width: 100%; /* Utilise 100% de la largeur du conteneur parent (li) */
    max-width: 1200px; /* Largeur max pour éviter de déborder sur les très grands écrans */
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* Empêche le clic tant qu'il est masqué */
    transition: opacity 0.3s, visibility 0.3s;
    /* Le contenu Elementor est injecté ici */
}

/* Style de l'icône du dropdown */
.emmw-mega-menu-icon {
    margin-left: 5px;
    font-size: 0.8em;
}

/* Affichage du panneau au survol */
.emmw-menu-list > li.emmw-has-mega-menu:hover > .emmw-mega-menu-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* Permet le clic lorsque visible */
}

/* Style de l'élément de menu de premier niveau au survol */
.emmw-menu-list > li.emmw-has-mega-menu:hover > a {
    /* Mettez en surbrillance l'élément de menu actif */
    color: #4CAF50;
}

/* Règle pour le contenu Elementor à l'intérieur du panneau */
.emmw-mega-menu-panel .elementor {
    padding: 20px;
}

/* Ajustement pour les sous-menus classiques si l'élément n'est PAS un mega menu */
.emmw-menu-list > li:not(.emmw-has-mega-menu) > ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    padding: 10px;
    margin: 0;
    background: #f9f9f9;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.emmw-menu-list > li:not(.emmw-has-mega-menu):hover > ul.sub-menu {
    opacity: 1;
    visibility: visible;
}

.emmw-menu-list ul.sub-menu li a {
    padding: 5px 0;
    display: block;
}