/* MEGAMENU MOBILE DROPDOWN FIX */
/* Corrección para mostrar los iconos +/- de dropdown en vista móvil */

/* Mostrar iconos dropdown solo en móvil */
@media (max-width: 991px) {
    #_mobile_megamenu .pos-menu-horizontal .icon-drop-mobile {
        display: block !important;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 40px;
        cursor: pointer;
        z-index: 10;
    }
    
    #_mobile_megamenu .pos-menu-horizontal .icon-drop-mobile i {
        font-size: 16px !important;
        color: #253237 !important;
        line-height: 40px !important;
        text-align: center !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Mostrar solo el icono "add" por defecto */
    #_mobile_megamenu .pos-menu-horizontal .icon-drop-mobile i.add {
        display: block !important;
    }
    
    #_mobile_megamenu .pos-menu-horizontal .icon-drop-mobile i.remove {
        display: none !important;
    }
    
    /* Mostrar solo el icono "remove" cuando está abierto */
    #_mobile_megamenu .pos-menu-horizontal .icon-drop-mobile.open_menu i.add {
        display: none !important;
    }
    
    #_mobile_megamenu .pos-menu-horizontal .icon-drop-mobile.open_menu i.remove {
        display: block !important;
    }
    
    /* Asegurar que los dropdowns estén ocultos por defecto */
    #_mobile_megamenu .pos-menu-horizontal .menu-dropdown,
    #_mobile_megamenu .pos-menu-horizontal .category-sub-menu,
    #_mobile_megamenu .pos-menu-horizontal .ul-column.column_dropdown {
        display: none !important;
    }
    
    /* Ajustar padding del link para dar espacio al icono */
    #_mobile_megamenu .pos-menu-horizontal .menu-item > a {
        padding-right: 60px !important;
        position: relative;
    }
    
    /* Posicionar correctamente los iconos de submenús */
    #_mobile_megamenu .pos-menu-horizontal .pos-menu-col > .icon-drop-mobile {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        float: right !important;
        width: 30px !important;
        height: 30px !important;
        margin-top: -5px !important;
    }
    
    #_mobile_megamenu .pos-menu-horizontal .submenu-item > .icon-drop-mobile {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        float: right !important;
        width: 30px !important;
        height: 30px !important;
        margin-top: -5px !important;
    }
}

/* Mantener ocultos en desktop */
@media (min-width: 992px) {
    #_desktop_megamenu .pos-menu-horizontal .icon-drop-mobile {
        display: none !important;
    }
}