/* --- Header: keep logo big, squeeze nav text so it fits one line --- */
@media (min-width: 992px) {

  /* 1) Logo: slightly bigger, and don't let flex shrink it */
  .navbar-top-default .logo {
    flex-shrink: 0;
  }

  .navbar-top-default .logo img {
    max-height: 56px;   /* tweak this up/down until it feels right */
    height: auto;
    width: auto;
  }

  /* 2) Nav: keep everything on one line */
  .navbar-top-default .navbar-nav {
    flex-wrap: nowrap;  /* no wrapping to second line */
  }

  /* 3) Squeeze the items just enough for "Trust & Security" to fit */
  .navbar-top-default .navbar-nav > li.nav-item {
    margin-left: 3px;
    margin-right: 3px;
  }

  .navbar-top-default .navbar-nav > li > a.nav-link,
  .navbar-top-default .navbar-nav > li > a.dropdown-toggle {
    font-size: 0.78rem;      /* slightly smaller text */
    padding-left: 0.3rem;    /* tighter padding */
    padding-right: 0.3rem;
    white-space: nowrap;     /* each label stays on one line */
  }

  .navbar-top-default .navbar-nav .dropdown-toggle::after {
    margin-left: 0.15rem;    /* keep caret tight */
  }
}

/* --- Desktop: hide dropdown caret / dots but keep dropdown behavior --- */
@media (min-width: 992px) {
  .navbar-top-default .navbar-nav .dropdown-toggle::after {
    content: "";        /* remove any '...' or caret content */
    border: none;       /* remove Bootstrap triangle caret */
    margin: 0;          /* no extra margin pushing layout */
  }
}