/* LetzPlan — persistent sticky navigation
   The site uses sticky navigation so the header remains part of the document flow
   while staying pinned to the viewport edge during scrolling. */
html { scroll-padding-top: 76px; }

/* The body has a decorative page-entry transform in styles.css. A transformed
   ancestor can interfere with viewport-style navigation behavior, so keep the
   body untransformed when the persistent navigation is active. */
body { animation: none !important; }

.site-header {
  position: sticky !important;
  top: 0 !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin: 0 0 -76px 0 !important;
  z-index: 2147483000 !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.site-header .nav-wrap {
  position: relative !important;
  z-index: 1 !important;
}

/* The sticky header already occupies the document flow, so undo the old
   fixed-header compensation rules. */
.site-header + main {
  padding-top: 0 !important;
}

@media (max-width: 800px) {
  html { scroll-padding-top: 68px; }

  .site-header {
    min-height: 68px;
    margin-bottom: -68px !important;
  }

  .site-header + main {
    padding-top: 0 !important;
  }

  .site-header .nav.open {
    position: absolute !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    max-height: calc(100svh - 68px) !important;
    overflow: auto !important;
  }
}