/* =========================================================
   SIDEBAR MOBILE — SOLO <992px
   - Cerrado por defecto (off-canvas)
   - sb-sidenav-toggled → visible expandido (icono + texto)
   - Desktop NO se toca
   ========================================================= */

@media (max-width: 991.98px) {
    /* Off-canvas cerrado: completamente fuera del viewport */
    body:not(.sb-sidenav-toggled) #layoutSidenav_nav {
        transform: translateX(-100%) !important;
    }

    /* Toggle abierto: sidebar visible encima del contenido */
    body.sb-sidenav-toggled #layoutSidenav_nav {
        transform: translateX(0) !important;
    }

    /* Cuando está visible, anulamos el colapso (sidebar-collapsed)
       para que muestre icono y nombre, igual que hover en desktop */
    body.sb-sidenav-toggled .sidebar-collapsed {
        width: 225px !important;
    }

    body.sb-sidenav-toggled .sidebar-collapsed .nav-text,
    body.sb-sidenav-toggled .sidebar-collapsed .sb-sidenav-menu-heading,
    body.sb-sidenav-toggled .sidebar-collapsed .sb-sidenav-footer,
    body.sb-sidenav-toggled .sidebar-collapsed .footer-text {
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /* Bloquear scroll del body mientras el sidebar esté abierto */
    body.sb-sidenav-toggled {
        overflow: hidden;
    }
}