/* FIX: NO forzar el menú abierto al usar DevTools / responsive */
@media (max-width: 991.98px) {

  /* ✅ Por defecto: menú oculto fuera de pantalla */
  .mobile-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -110% !important; /* más seguro que -100% */
    width: 320px !important;
    max-width: 85vw !important;
    height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    transition: left .25s ease !important;
    will-change: left;
  }

  /* ✅ Solo se muestra si el theme lo marca como abierto */
  .mobile-sidebar.active,
  .mobile-sidebar.show,
  .mobile-sidebar.open,
  body.mobile-menu-open .mobile-sidebar,
  body.menu-open .mobile-sidebar,
  body.offcanvas-open .mobile-sidebar {
    left: 0 !important;
  }

  /* ✅ Overlay: oculto por defecto */
  .mobile-sidebar-overlay,
  .mobile-overlay,
  .offcanvas-overlay,
  .menu-overlay,
  .sidebar-overlay {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* ✅ Overlay SOLO cuando el menú está abierto */
  body.mobile-menu-open .mobile-sidebar-overlay,
  body.mobile-menu-open .mobile-overlay,
  body.mobile-menu-open .offcanvas-overlay,
  body.mobile-menu-open .menu-overlay,
  body.mobile-menu-open .sidebar-overlay,
  body.menu-open .mobile-sidebar-overlay,
  body.menu-open .mobile-overlay,
  body.menu-open .offcanvas-overlay,
  body.menu-open .menu-overlay,
  body.menu-open .sidebar-overlay,
  body.offcanvas-open .mobile-sidebar-overlay,
  body.offcanvas-open .mobile-overlay,
  body.offcanvas-open .offcanvas-overlay,
  body.offcanvas-open .menu-overlay,
  body.offcanvas-open .sidebar-overlay {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.45) !important;
    z-index: 9998 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* ✅ Evita “pantalla blanca rara” por overlays/containers que se queden fijos */
  .mobile-header,
  .mobile-nav {
    position: relative !important;
    z-index: 9997 !important;
  }

  /* ✅ Si el theme bloquea el scroll cuando abre el menú, OK.
     Si se queda bloqueado en DevTools, esto lo previene cuando NO está abierto */
  body:not(.mobile-menu-open):not(.menu-open):not(.offcanvas-open) {
    overflow: auto !important;
  }
}