/**
 * Locale-specific layout adjustments (longer translations e.g. Vietnamese).
 * Scoped with html[lang="vi"] to avoid affecting English layout.
 */

/* ---- Header / Navigation ---- */
html[lang="vi"] .navbar-area .desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 13px;
  margin: 0 7px;
  padding: 32px 0;
  line-height: 1.25;
  letter-spacing: -0.15px;
}

html[lang="vi"] .navbar-area .desktop-nav .navbar .navbar-brand img {
  max-height: 44px;
  width: auto;
}

html[lang="vi"] .navbar-area .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  width: auto;
  min-width: 200px;
  max-width: 280px;
}

html[lang="vi"] .navbar-area .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  white-space: normal;
  line-height: 1.35;
  font-size: 13px;
}

html[lang="vi"] .navbar-area .desktop-nav .navbar .others-option .default-btn {
  font-size: 13px;
  padding: 11px 16px;
  line-height: 1.35;
  white-space: nowrap;
}

html[lang="vi"] .tooltip-text {
  width: 260px;
  margin-left: -130px;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}

html[lang="vi"] .header-right-content .log-in li a {
  font-size: 13px;
}

html[lang="vi"] .userName {
  max-width: 160px;
}

/* ---- Buttons (site-wide) ---- */
html[lang="vi"] .default-btn {
  font-size: 14px;
  line-height: 1.35;
  padding: 12px 22px;
}

html[lang="vi"] .single-freelancer .default-btn {
  font-size: 13px;
  padding: 10px 14px;
  white-space: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  max-width: 100%;
}

html[lang="vi"] .hot-jobs-list .hot-jobs-btn .default-btn {
  font-size: 13px;
  padding: 10px 14px;
  white-space: normal;
  line-height: 1.3;
}

/* ---- Section titles ---- */
html[lang="vi"] .section-title span,
html[lang="vi"] .section-title h2 {
  line-height: 1.3;
  word-break: break-word;
}

html[lang="vi"] .section-title h2 {
  font-size: clamp(22px, 4vw, 36px);
}

/* ---- Forms / labels ---- */
html[lang="vi"] .form-control,
html[lang="vi"] label,
html[lang="vi"] .heading-color {
  line-height: 1.4;
}

/* ---- Sidebar (manage backend) ---- */
html[lang="vi"] .sidebar-menu .nav-link,
html[lang="vi"] .dashboard_sidebar_list a {
  font-size: 13px;
  line-height: 1.35;
  white-space: normal;
}

/* ---- Responsive: tighter nav on medium desktops ---- */
@media (min-width: 992px) and (max-width: 1399px) {
  html[lang="vi"] .navbar-area .desktop-nav .navbar .navbar-nav .nav-item a {
    font-size: 12px;
    margin: 0 5px;
  }

  html[lang="vi"] .navbar-area .desktop-nav .navbar .others-option .default-btn {
    font-size: 12px;
    padding: 10px 12px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  html[lang="vi"] .navbar-area .desktop-nav .container {
    max-width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }

  html[lang="vi"] .navbar-area .desktop-nav .navbar .navbar-nav .nav-item a {
    font-size: 11px;
    margin: 0 3px;
  }
}