/**
 * Mobile nav scroll patch — included from demo/shared/header.html
 * Fixes sticky header clipping long dropdown menus on small screens.
 */

@media (max-width: 767px) {
  .cda-site-header .navbar-collapse.collapse.in {
    max-height: var(--cda-mobile-nav-max-height, calc(100dvh - 12rem));
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  .cda-navbar .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 0;
    padding: 0 0 4px 14px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }

  .cda-navbar .navbar-nav .dropdown-menu > li > a {
    padding: 10px 14px 10px 12px;
    white-space: normal;
  }

  .cda-navbar .navbar-nav .dropdown-menu hr {
    margin: 8px 14px;
    border-color: var(--cda-border, #e2e8f0);
  }
}