/* Post-migration nav cleanup overrides (The Growth Trust).
   The Webflow template's dropdown menus were removed, so the top nav is just
   Logo + Login + Contact Us. These rules make that work at every breakpoint. */

/* Keep the Login + Contact Us buttons visible on all screen sizes.
   (The template hid them below 768px and moved navigation into the mobile menu.) */
.nav-buttons-wrapper {
  display: flex !important;
}

/* The mobile menu is now empty (its dropdowns were template scaffolding),
   so hide the hamburger button that used to open it. */
.w-nav-button {
  display: none !important;
}

/* On small phones, tighten spacing so Logo + Login + Contact Us fit on one row. */
@media screen and (max-width: 479px) {
  .navbar-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .nav-buttons-wrapper {
    gap: 8px !important;
  }
  .nav-buttons-wrapper .button {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}