/* GFC 2026-09-03 — mégamenu en MODE LISTE sur tablette (768-1024px, iPad Pro 834px…) :
   le module bascule en liste (.changestatus) mais global.css garde le padding desktop
   `0 10px` sur les liens (règle min-width:768) => lignes de 17px et « + » décalés
   sous leur ligne (retour user, iPad Pro 11). Ici : lignes confortables au doigt. */
@media (min-width: 768px) and (max-width: 1024px) {
    #header .ets_mm_megamenu.changestatus .mm_menus_li > a {
        display: block;
        padding: 11px 50px 11px 15px !important;   /* place pour le + à droite */
        line-height: 18px;
        font-size: 14px;
    }
    #header .ets_mm_megamenu.changestatus .mm_menus_li .arrow {
        top: 0;
        margin-top: 10px;      /* (40px de ligne - 20px de rond) / 2 */
        margin-right: 12px;
    }
    #header .ets_mm_megamenu.changestatus .mm_menus_li {
        min-height: 40px;
        position: relative;    /* indispensable : le + est en absolute, sinon il se cale en haut du menu */
    }
}

/* Mode liste (tablette ≥768px) : le survol souris (megamenu.js du thème, handler sur
   li.mm_has_sub) pose en INLINE position:absolute / display:none sur le panneau et
   l'écrase dès qu'on bouge la souris (émulation, tablette + trackpad). On force le
   panneau dans le flux ; l'affichage ouvert/fermé reste géré par .active (module). */
@media (min-width: 768px) {
    .ets_mm_megamenu.changestatus .mm_menus_li .mm_columns_ul {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        width: 100% !important;
    }
    .ets_mm_megamenu.changestatus .mm_menus_li .mm_columns_ul.active {
        display: block !important;
        max-height: none !important;   /* l'état fermé desktop du thème = max-height:0 ; sur iPad
                                          le :hover collé après le tap le masquait, pas à la souris */
        height: auto !important;
        overflow: visible !important;
    }
    /* les tuiles sont en float : clearfix sur le panneau ouvert */
    .ets_mm_megamenu.changestatus .mm_menus_li .mm_columns_ul.active::after {
        content: ""; display: table; clear: both;
    }
}