/* ================================================
   DYNAMIC CONTENT LAYOUT - SIDEBAR PUSH BEHAVIOR
   ================================================ */

/* Comportamiento dinámico solo para páginas de contenido */
.content-push-enabled .main-content {
    transition: margin-left 0.3s ease;
}

/* Desktop: Empujar contenido cuando sidebar está expandido */
@media (min-width: 769px) {
    .content-push-enabled .sidebar:hover ~ .main-content {
        margin-left: var(--sidebar-expanded-width);
    }
    
    /* Página home mantiene comportamiento original */
    .content-push-enabled.home-page .sidebar:hover ~ .main-content {
        margin-left: var(--sidebar-width);
    }
}

/* Mobile: Sin cambios en el comportamiento móvil */
@media (max-width: 768px) {
    .content-push-enabled .main-content {
        margin-left: 0 !important;
    }
    
    /* Asegurar que el botón hamburguesa sea visible */
    .mobile-menu-toggle {
        display: flex !important;
        z-index: 1002 !important;
    }
    
    /* No aplicar content-push en móvil */
    .content-push-enabled .sidebar:hover ~ .main-content {
        margin-left: 0 !important;
    }

    /* CRÍTICO: Restaurar funcionalidad de submenús en móvil */
    .content-push-enabled .sidebar.mobile-open .menu-item.expanded .submenu {
        max-height: 400px !important;
    }
    
    .content-push-enabled .sidebar.mobile-open .scrollable-submenu.expanded {
        max-height: 280px !important;
    }
    
    .content-push-enabled .sidebar.mobile-open .scrollable-submenu.expanded .submenu-scroll {
        max-height: 280px !important;
    }
    
    /* Asegurar que las flechas sean visibles y funcionales */
    .content-push-enabled .submenu-arrow {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}