.locale-switch {
  display: inline-flex;
  align-items: center;
  margin-right: 8px;
}
.locale-switch select {
  appearance: none;
  -webkit-appearance: none;
  background-color: #0b1a24;
  background-image:
    linear-gradient(45deg, transparent 50%, #aec1c7 50%),
    linear-gradient(135deg, #aec1c7 50%, transparent 50%),
    linear-gradient(#0b1a24, #0b1a24);
  background-position:
    calc(100% - 16px) calc(50% - 2px),
    calc(100% - 11px) calc(50% - 2px),
    0 0;
  background-size: 5px 5px, 5px 5px, 100% 100%;
  background-repeat: no-repeat;
  border: 1px solid #294452;
  border-radius: 999px;
  color: #eaf7f2;
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  line-height: 1.2;
  max-width: 170px;
  padding: 8px 32px 8px 12px;
}
.locale-switch select:hover {
  border-color: rgba(185, 255, 102, 0.45);
  color: #fff;
}
.locale-switch select:focus {
  outline: 2px solid rgba(185, 255, 102, 0.45);
  outline-offset: 2px;
}
.locale-switch select option {
  background-color: #0b1a24;
  color: #eaf7f2;
}
.locale-switch select option:checked,
.locale-switch select option:hover {
  background-color: #143040;
  color: #b9ff66;
}
@media (max-width: 960px) {
  .locale-switch select {
    max-width: 130px;
    font-size: 0.75rem;
    padding: 7px 28px 7px 10px;
  }
}

/* v3.5: keep one language control (#localeSelect); hide duplicate markup if present */
header.nav > .lang-switcher {
  display: none !important;
}

/* zh-CN: ecosystem tabs show main label only (avoid EN/CN overlap) */
html[lang="zh-CN"] .ecosystem-tabs button small {
  display: none;
}
