/* ZASNET_PWA_SCROLL_CONTAINER_V6
   Fix for Redmi/Android home-screen shortcut where body scroll is locked.
   It creates a real scroll container for mobile/PWA mode without touching site logic. */

@media (max-width: 980px) {
  html.zasnet-pwa-v6-active,
  html.zasnet-pwa-v6-active body {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    position: static !important;
    overscroll-behavior: none !important;
    touch-action: pan-y !important;
  }

  html.zasnet-pwa-v6-active body {
    margin: 0 !important;
    padding: 0 !important;
  }

  html.zasnet-pwa-v6-active #zasnet-pwa-scroll-root {
    display: block !important;
    position: relative !important;
    z-index: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    min-height: 100vh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    touch-action: pan-y !important;
    scrollbar-width: none;
  }

  html.zasnet-pwa-v6-active #zasnet-pwa-scroll-root::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
  }

  html.zasnet-pwa-v6-active .topbar {
    transform: translateZ(0);
  }

  html.zasnet-pwa-v6-active .site-request-modal,
  html.zasnet-pwa-v6-active .site-announcement-modal,
  html.zasnet-pwa-v6-active .znsa-panel,
  html.zasnet-pwa-v6-active .zn-sa-panel {
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
  }

  html.zasnet-pwa-v6-active .site-request-card,
  html.zasnet-pwa-v6-active .site-announcement-card,
  html.zasnet-pwa-v6-active .znsa-body,
  html.zasnet-pwa-v6-active .zn-sa-body {
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  html.zasnet-pwa-v6-active .site-announcement-modal:not(.is-open),
  html.zasnet-pwa-v6-active .site-request-modal:not(.is-open) {
    pointer-events: none !important;
  }
}

html.zasnet-pwa-v6-debug::after {
  content: "scroll v6 active";
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 2147483647;
  padding: 5px 9px;
  border-radius: 999px;
  background: #16a34a;
  color: #fff;
  font: 700 11px/1.2 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
  pointer-events: none;
}