/* Keep the complete mobile menu scrollable, including its contact details. */
@media (max-width: 767.98px) {
  #navbarNavOffcanvas {
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }

  #navbarNavOffcanvas .offcanvas-header {
    position: sticky;
    top: 0;
    z-index: 1;
    flex-shrink: 0;
    background: #fff;
    padding-top: max(1rem, env(safe-area-inset-top));
  }

  #navbarNavOffcanvas .btn-close {
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    padding: 12px;
    background-size: 16px;
  }

  #navbarNavOffcanvas .mobile-menu {
    flex-shrink: 0;
    height: auto;
    min-height: 0;
  }

  #navbarNavOffcanvas .offcanvas-logo {
    margin-bottom: 1rem;
  }

  #navbarNavOffcanvas .mobile-menu .offcanvas-body {
    flex: 0 0 auto;
    overflow: visible;
  }

  #navbarNavOffcanvas .mobile-menu .kontakt-podaci {
    flex-shrink: 0;
    min-height: 0;
    padding: 1.25rem 1rem max(2rem, env(safe-area-inset-bottom));
  }

  #navbarNavOffcanvas .mobile-menu .kontakt-podaci-lista li {
    justify-content: center;
  }

  #navbarNavOffcanvas .mobile-menu .nav-link {
    line-height: 1.35;
    padding-block: .65rem;
  }
}

#main-nav a:focus-visible,
#main-nav button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* Allow the additional membership link to wrap on narrower tablets. */
@media (min-width: 768px) and (max-width: 991.98px) {
  #main-nav .desktop-menu,
  #main-nav .desktop-menu .offcanvas-body {
    width: 100%;
    max-width: 100%;
  }
  #main-nav .desktop-menu .navbar-nav {
    flex-wrap: wrap;
    justify-content: center !important;
  }
}

.fdz-document-card__title {
  scroll-margin-top: 11rem;
}