/* Shared header layout for all public pages. */
header .nav-content {
  max-width: 1440px;
  min-height: 64px;
  padding: 0 20px;
  gap: 18px;
}
header .left-menu {
  flex: 1 1 auto;
  min-width: 0;
  gap: 18px;
  overflow: visible;
}
header .brand-logo {
  position: relative !important;
  left: auto !important;
  transform: none !important;
  display: inline-flex;
  align-items: center;
  flex: none;
  margin: 0 !important;
}
header .brand-logo img { height: 22px; }
header .left-menu ul { display: flex; align-items: center; gap: 3px; margin: 0 !important; }
header .left-menu ul li { float: none; }
header .left-menu ul a.menu-item {
  padding: 0 10px;
  white-space: nowrap;
  font-size: .88rem;
  font-weight: 650;
}
header ul.right {
  display: flex;
  flex: none;
  align-items: center;
  gap: 8px;
  float: none !important;
  margin: 0 0 0 auto !important;
}
header ul.right li { float: none; flex: none; padding: 0; margin: 0; }
header ul.right li a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 38px !important;
  min-height: 38px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 15px !important;
  border-radius: 9px;
  white-space: nowrap !important;
  word-break: normal;
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .025em;
  box-shadow: none;
}
header ul.right li a.btn-register { background: #8bb537; color: #17344c; }
header ul.right li a.btn-register:hover { background: #a1ca4c; color: #17344c; }
header ul.right li a.btn-login { background: transparent; border: 1px solid rgba(255,255,255,.55); color: #fff; }
header ul.right li a.btn-login:hover { background: rgba(255,255,255,.12); color: #fff; }
header .settings-icon { min-height: 38px; padding: 0 4px; font-size: 19px; }
header .time, header .lang-text { margin: 0; white-space: nowrap; font-size: .82rem; }
header .lang-text i { display: none; }
@media (max-width: 1180px) and (min-width: 993px) {
  header .nav-content { gap: 10px; padding: 0 12px; }
  header .left-menu { gap: 10px; }
  header .left-menu ul a.menu-item { padding: 0 7px; font-size: .8rem; }
  header ul.right { gap: 5px; }
  header ul.right li a.btn { padding: 0 10px !important; font-size: .72rem; }
  header .time, header .settings-icon { display: none !important; }
}
@media (max-width: 992px) {
  header .left-menu ul { display: none !important; }
}
@media (max-width: 600px) {
  header .nav-content { min-height: 56px; padding: 0 10px; gap: 8px; }
  header .brand-logo img { height: 21px; }
  header ul.right { gap: 6px; }
  header ul.right li a.btn { height: 32px !important; min-height: 32px !important; padding: 0 9px !important; font-size: .67rem; border-radius: 7px; }
  header .settings-icon, header .time, header .lang-text { display: none !important; }
}