/* Một hàng nav: không wrap; cụm link giữa cuộn ngang khi viewport hẹp. */

.topnav .wrap,
nav > .wrap,
.nav > .wrap {
  min-width: 0;
}

.topnav .nav-in,
nav .nav-inner,
nav .nav-in,
.nav .nav-in,
.nav .nav-inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap !important;
  min-width: 0;
}

.topnav .logo,
nav .logo,
nav .nav-logo,
.nav .nav-logo {
  flex-shrink: 0;
}

.topnav .nav-ls,
nav .nav-ls,
.nav .nav-ls,
nav .nav-links,
.nav .nav-links {
  display: flex;
  flex-wrap: nowrap !important;
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.topnav .nl,
nav .nl,
.nav .nl,
nav .nav-link,
nav .nav-lk,
.nav .nav-link,
nav .nav-links > a,
button.nav-link {
  flex-shrink: 0;
  white-space: nowrap;
}

.topnav .lsw,
nav .nav-right,
.nav .nav-right,
nav .lang-pill {
  flex-shrink: 0;
  flex-wrap: nowrap;
}

/* Cột phải (tat_ca / marketing: .lsw + nút); không co để hàng nav giữ một dòng */
.topnav .nav-in > div:last-child,
nav .nav-in > div:last-child,
.nav .nav-in > div:last-child {
  flex-shrink: 0;
  flex-wrap: nowrap;
}

/* Ghi đè bọc phụ (vd. auth) đang flex-wrap:wrap inline */
nav .nav-in > div:not(.nav-links):not(.nav-ls),
.nav .nav-in > div:not(.nav-links):not(.nav-ls),
nav .nav-inner > div:not(.nav-links):not(.nav-ls),
.nav .nav-inner > div:not(.nav-links):not(.nav-ls) {
  flex-wrap: nowrap !important;
}
