/*
 * Keep the entire sidebar below the fixed HUD header.
 * Applies to desktop, split-screen and mobile.
 */

#sidebar.app-sidebar {
  top: 72px !important;
  bottom: 0 !important;
  height: auto !important;
}

#sidebar .app-sidebar-content {
  height: 100% !important;
}

#sidebar .app-sidebar-content > .menu {
  box-sizing: border-box;
  padding-top: 14px !important;
  padding-bottom: 20px !important;
}

/* Keep the mobile menu backdrop below the header too */
.app-sidebar-mobile-backdrop {
  top: 72px !important;
  height: calc(100% - 72px) !important;
}

@media (max-width: 1199.98px) {
  #sidebar.app-sidebar {
    top: 72px !important;
  }

  #sidebar .app-sidebar-content > .menu {
    padding-top: 16px !important;
  }
}