/* Custom CSS to prevent sidebar from closing when clicking/touching outside */

/* Disable ALL overlays and pseudo-elements */
body::before,
body::after,
body.sidebar-toggled::before,
body.sidebar-toggled::after,
#wrapper::before,
#wrapper::after,
.sidebar::before,
.sidebar::after {
  pointer-events: none !important;
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Ensure sidebar doesn't close on outside touch */
@media (max-width: 768px) {
  /* Keep sidebar visible when not toggled */
  .sidebar {
    z-index: 9999 !important;
  }

  /* Prevent any overlay behavior */
  body:not(.sidebar-toggled) {
    overflow: visible !important;
  }

  /* Ensure clicks pass through to content */
  #wrapper {
    pointer-events: auto !important;
  }

  #content-wrapper {
    pointer-events: auto !important;
  }

  /* But keep sidebar interactive */
  .sidebar {
    pointer-events: auto !important;
  }
}