/* Fix para menu mobile - UniImob - Versão Simplificada */

/* Garantir que o botão mobile esteja sempre visível e clicável */
@media (max-width: 991.98px) {
    .header .mobile_btn {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 1050 !important;
        color: #613FEE !important;
        font-size: 24px !important;
        height: 60px !important;
        line-height: 60px !important;
        width: 60px !important;
        padding: 0 !important;
        text-align: center !important;
        cursor: pointer !important;
        background: transparent !important;
        border: none !important;
        text-decoration: none !important;
    }

    .header .mobile_btn:hover {
        background: rgba(97, 63, 238, 0.1) !important;
        color: #613FEE !important;
    }

    /* Garantir que a logo não sobreponha o botão mobile */
    .header .header-left {
        margin-left: 60px !important;
    }

    /* Estilo do ícone hambúrguer */
    .header .mobile_btn .bar-icon {
        display: inline-block !important;
        width: 20px !important;
        height: 14px !important;
        position: relative !important;
    }

    .header .mobile_btn .bar-icon span {
        display: block !important;
        height: 2px !important;
        width: 100% !important;
        background: #613FEE !important;
        margin-bottom: 4px !important;
        transition: 0.3s !important;
        border-radius: 1px !important;
    }

    .header .mobile_btn .bar-icon span:last-child {
        margin-bottom: 0 !important;
    }

    /* Overlay do sidebar */
    .sidebar-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 1040 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transition: all 0.3s ease !important;
    }

    .sidebar-overlay.opened {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Sidebar quando aberto */
    .slide-nav .sidebar {
        transform: translateX(0) !important;
    }

    /* Prevenir scroll do body quando menu aberto */
    .menu-opened {
        overflow: hidden !important;
    }

    /* Animação do botão quando menu aberto */
    .menu-opened .slide-nav .mobile_btn .bar-icon span:first-child {
        transform: rotate(-45deg) translate(-5px, 6px) !important;
    }

    .menu-opened .slide-nav .mobile_btn .bar-icon span:nth-child(2) {
        opacity: 0 !important;
    }

    .menu-opened .slide-nav .mobile_btn .bar-icon span:last-child {
        transform: rotate(45deg) translate(-5px, -6px) !important;
    }
}

/* Tema escuro */
[data-theme="dark"] .header .mobile_btn {
    color: #FFF !important;
}

[data-theme="dark"] .header .mobile_btn .bar-icon span {
    background: #FFF !important;
}

[data-theme="dark"] .header .mobile_btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #FFF !important;
}