/* ========================================
   MOBILE NAVBAR FIXA - CORREÇÃO ESPECÍFICA
   ======================================== */

@media (max-width: 768px) {
    /* Força a navbar a ser fixa no mobile */
    .sidebar {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        z-index: 1000 !important;
        transform: none !important;
        transition: transform 0.3s ease !important;
    }
    
    /* Garante que o conteúdo não fique atrás da navbar */
    .content {
        padding-bottom: calc(70px + 1rem) !important;
        margin-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
    }
    
    /* Melhora a visibilidade da navbar */
    .sidebar {
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
        border-top: 1px solid var(--border-primary) !important;
    }
    
    /* Remove scrollbars da navegação horizontal */
    .nav-menu {
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }
    
    .nav-menu::-webkit-scrollbar {
        display: none !important;
    }
}

/* Para dispositivos com notch/safe area */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
    @media (max-width: 768px) {
        .sidebar {
            padding-bottom: env(safe-area-inset-bottom) !important;
        }
        
        .content {
            margin-bottom: calc(70px + env(safe-area-inset-bottom)) !important;
            padding-bottom: calc(70px + 1rem + env(safe-area-inset-bottom)) !important;
        }
    }
}