/**
 * Menu Mobile Override - Forçar estilos do menu mobile
 * Este arquivo garante que os estilos do menu mobile sejam aplicados
 */

/* Mobile apenas (768px e abaixo) */
@media (max-width: 768px) {
    /* Items do menu - Espaçamento entre itens */
    .sd-nav-menu > li,
    .sd-navigation > ul > li {
        margin-bottom: 8px !important;
    }
    
    /* Links do menu principal - Estilos principais */
    .sd-nav-menu > li > a,
    .sd-navigation > ul > li > a {
        display: flex !important;
        align-items: center !important;
        min-height: 56px !important;
        padding: 16px 24px 16px 40px !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        color: #fff !important;
        text-decoration: none !important;
        position: relative !important;
        transition: background-color 0.2s ease;
    }
    
    /* Feedback visual no toque/hover */
    .sd-nav-menu > li > a:hover,
    .sd-nav-menu > li > a:active,
    .sd-navigation > ul > li > a:hover,
    .sd-navigation > ul > li > a:active {
        background-color: rgba(255, 0, 110, 0.1) !important;
    }
    
    /* Indicador de submenu - Alinhado com o padding */
    .sd-nav-menu .menu-item-has-children > a::after,
    .menu-item-has-children > a::after {
        content: '+' !important;
        position: absolute !important;
        right: 24px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        font-size: 24px !important;
        color: rgba(255,255,255,0.6) !important;
        font-weight: 300 !important;
        line-height: 1 !important;
        display: block !important;
    }
    
    .sd-nav-menu li.menu-open > a::after,
    .menu-open > a::after {
        content: '-' !important;
        color: #ff006e !important;
    }
}