/*
 * Offcanvas-Menü mobil scrollbar machen (ohne Tailwind-Rebuild).
 * Bewusst außerhalb von @layer, damit es .h-screen aus @layer utilities überschreibt.
 * Gleiche Regeln stehen in src/css/components/navigation.css für künftige Builds.
 * Offset = Header-Höhe (gemessen 04.11.2026: 84px < lg, 129px ab lg).
 */
#offcanvas {
  --offcanvas-offset: 84px;
  height: calc(100vh - var(--offcanvas-offset));
  height: calc(100dvh - var(--offcanvas-offset));
}

@media (min-width: 1024px) {
  #offcanvas {
    --offcanvas-offset: 130px;
  }
}

#offcanvas .offcanvas-scroll,
#offcanvas .submenu {
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

#offcanvas .offcanvas-scroll,
#offcanvas .submenu {
  padding-bottom: 4rem;
}