/**
 * Styles publics pour WP Menu MemberPress
 */

.wpmp-hidden {
    display: none !important;
}

/* Espacement pour les icônes (10px) */
.menu-item a i,
.menu-item span i,
.menu-item a svg,
.menu-item span svg {
    margin-right: 10px;
    vertical-align: middle;
}

/* Styles pour les icônes Feather (SVG) */
.wpmp-menu-icon.feather {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: inline-block;
}

/* Adaptation Mobile/Tablette (Masquer le texte) */
@media (max-width: 600px) {
    .wpmp-hide-mobile {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .wpmp-hide-tablet {
        display: none !important;
    }
}

/* Ajustement pour les icônes seules */
.menu-item a:has(.wpmp-hide-mobile:not([style*="display: none"])) {
    /* Si besoin d'ajustements spécifiques quand le texte est masqué */
}

/* --- FIX RENDU TYPOGRAPHIQUE ET ESPACEMENT SOUS MOBILE --- */
@media (max-width: 1024px) {
    /* 1. Correction de l'espacement (réduction des marges et paddings du sous-menu) */
    .menu-item-has-children .sub-menu,
    .elementor-nav-menu--dropdown .sub-menu,
    .main-header-menu .sub-menu,
    .ast-sub-menu {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        float: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: none !important;
        border: none !important;
    }

    /* Ajustement de l'espacement pour les éléments de liste du sous-menu */
    .menu-item-has-children .sub-menu li,
    .elementor-nav-menu--dropdown .sub-menu li {
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 2. Correction de la typographie (plus grande et mieux espacée pour le tactile) */
    .menu-item-has-children .sub-menu li a,
    .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item,
    .main-header-menu .sub-menu li a,
    .ast-sub-menu li a {
        font-size: 18px !important; /* Taille augmentée */
        font-weight: 400 !important;
        line-height: 1.4 !important;
        padding-top: 10px !important; /* Touch target confortable */
        padding-bottom: 10px !important;
        display: block !important;
    }
}