/* Force le conteneur parent du widget de menu à être statique au lieu de relatif */
.mega-menu {
    position: static !important;
}

/* Force les colonnes ou conteneurs intermédiaires Elementor à être statiques */
.mega-menu > .elementor-widget-container,
.mega-menu > .elementor-container,
.mega-menu.elementor-column,
.mega-menu.elementor-widget {
    position: static !important;
}

/* S'assure que le contenu du menu déroulant s'étend sur toute la largeur de l'écran ou de la section contenant 'position: relative' le plus proche (en dehors de .mega-menu) */
.mega-menu .e-n-menu-content {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Correction de l'alignement et du design des onglets (Tabs) */
.mega-menu .e-n-menu-content .e-n-menu-items {
    display: flex !important;
    align-items: stretch !important;
}

/* --- Style personnalisé des onglets de gauche --- */

/* Tous les onglets de gauche (état par défaut) */
.mega-menu .e-n-menu-heading {
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    padding: 14px 20px !important;
    margin-bottom: 8px !important;
    border-left: 3px solid transparent !important;
    background-color: transparent !important;
}

/* Effet survol (Hover) sur les onglets */
.mega-menu .e-n-menu-heading:hover {
    background-color: rgba(247, 246, 242, 0.5) !important;
    border-left-color: rgba(230, 200, 100, 0.4) !important; /* Couleur douce d'accentuation */
    transform: translateX(3px);
}

/* Style de l'onglet actif */
.mega-menu .e-n-menu-heading[aria-selected="true"] {
    background-color: #fcfbfa !important; /* Teinte beige très claire de l'arrière-plan du contenu */
    border-left: 4px solid #E6C864 !important; /* Ligne d'accentuation dorée à gauche de l'onglet actif */
    border-radius: 0 12px 12px 0 !important; /* Arrondi sur le côté droit pour se détacher élégamment */
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.04) !important;
    margin-right: -1px !important; /* Fusion visuelle */
    position: relative;
    z-index: 2;
    transform: none !important;
}

/* Titre et texte à l'intérieur de l'onglet actif */
.mega-menu .e-n-menu-heading[aria-selected="true"] .e-n-menu-title {
    color: #333333 !important;
    font-weight: 700 !important;
}

/* Ajustement des icônes des onglets */
.mega-menu .e-n-menu-heading .e-n-menu-icon {
    margin-right: 12px !important;
    transition: transform 0.3s ease !important;
}

.mega-menu .e-n-menu-heading[aria-selected="true"] .e-n-menu-icon {
    transform: scale(1.1) !important;
}