/* Le parent direct doit être en position relative */
li.e-n-menu-item {
    position: relative !important;
}

/* Le premier conteneur du dropdown - positionné sous le parent */
#e-n-menu-content-7332,
.e-n-menu-content.e-active {
    width: auto !important;
    max-width: none !important;
    position: absolute !important;
    left: 50% !important;
    top: calc(100% - 10px) !important; /* Remonte le dropdown pour créer un overlap */
    transform: translateX(-50%) !important;
    background: transparent !important;
    padding-top: 10px !important; /* Crée une zone invisible cliquable */
}

/* Le container Elementor externe - transparent */
#e-n-menu-content-7332 > .e-con {
    background: transparent !important;
}

/* Le container interne avec le background coloré */
#e-n-menu-content-7332 .e-con-inner {
    background: var(--e-global-color-6dfa8bb) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    width: fit-content !important;
}

/* Le menu à l'intérieur en colonne, items alignés à gauche */
#e-n-menu-content-7332 .e-n-menu-heading {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: flex-start !important;
}

/* Les items du dropdown alignés à gauche */
#e-n-menu-content-7332 .e-n-menu-item {
    width: 100% !important;
    text-align: left !important;
}

#e-n-menu-content-7332 .e-n-menu-title-text {
    text-align: left !important;
}