/* === Drawer scroll fix v3 === */

.drawer {
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.drawer-header {
  flex-shrink: 0 !important;
}

.drawer-nav {
  flex: 1 1 0 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  padding: 16px 0 140px 0 !important;
}

/* QUAN TRONG: Lock body scroll khi drawer mo */
/* Ngan body chained scroll - day la nguyen nhan "cuon nua roi dung" */
html:has(.drawer.is-open),
body:has(.drawer.is-open) {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

/* Fallback: lock html khi co backdrop is-open */
html:has(.drawer-backdrop.is-open),
body:has(.drawer-backdrop.is-open) {
  overflow: hidden !important;
}

.drawer-backdrop.is-open {
  touch-action: none !important;
}