/**
 * Mobile Login beside hamburger — loaded on marketing pages or via bundle.
 * Uses !important so it wins over stale cached bundle rules (.nav-mobile-login { display:none }).
 */
@media (max-width: 1023px) {
  header nav.container > .nav-toolbar {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    order: 2;
    margin-left: auto;
    flex: 0 0 auto;
    position: relative;
    z-index: 1002;
  }

  header nav.container > .logo {
    order: 1;
    flex: 1 1 auto;
    max-width: calc(100% - 10.5rem);
    min-width: min-content;
  }

  header nav.container .nav-mobile-login {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0.45rem 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    color: #0f172a !important;
    text-decoration: none !important;
    white-space: nowrap;
    background: #fff;
    visibility: visible !important;
    opacity: 1 !important;
  }

  header nav.container .nav-mobile-login:hover {
    border-color: rgba(6, 182, 212, 0.45);
    color: #0369a1 !important;
    background: rgba(6, 182, 212, 0.08);
  }

  header nav.container .mobile-menu-btn {
    display: flex !important;
    margin-left: 0;
    order: unset;
  }

  header nav.container .nav-links > li.nav-aux {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  header nav.container .nav-mobile-login {
    display: none !important;
  }
}