/*
 * Added by JM - per NathanGreway - 10/3/26
 * Use the desktop navigation on laptop-sized screens.
 * Mobile navigation remains active below 1200px (changed to 944 for 1024 on ipad...JM).
 */

@media (min-width: 944px) and (max-width: 1329.98px) {
  /* Restore desktop navbar behavior */
  #top-nav {
    flex-flow: row nowrap;
    justify-content: flex-start;
    height: auto;
  }

  #top-nav .upper-top-desktop {
    height: 80px;
  }

  #top-nav .upper .navbar-brand img {
    width: 200px;
    height: auto;
  }

  #top-nav .navbar-nav {
    flex-direction: row;
  }

  #top-nav .navbar-nav .dropdown-menu {
    position: absolute;
  }

  #top-nav .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  #top-nav .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }

  #top-nav .navbar-toggler {
    display: none;
  }

  /* Show the desktop header and menus */
  #top-nav .upper-top-desktop,
  #top-nav .lower-main-desktop,
  #top-menu,
  #desktop-menu {
    display: flex !important;
  }

  /* Hide mobile-only header elements */
  #top-nav > .d-lg-none,
  #formtoseach-mob-bar-bottom-container,
  #mobile-menu {
    display: none !important;
  }

  /* Restore desktop header colors and form sizing */
  #top-nav .lower {
    background-color: #e9e5e5;
  }

  #top-nav form {
    width: auto;
    max-width: none;
  }

  /* Restore desktop button appearance */
  #top-nav .btn-donate a {
    margin: 0;
    background-color: #bb0f0f !important;
    border: 1px solid #fff !important;
  }

  #top-nav .btn-join-us a {
    margin: 0;
    background-color: #fff !important;
    border: 0 !important;
  }
}