/* Language switcher (CN / EN) — added for the bilingual site. */

.header-right .lang-switch {
  display: block;
  float: left;
  margin-top: 30px;
  margin-right: 26px;
  height: 31px;
  padding: 0 15px;
  border: 1px solid #dedede;
  border-radius: 16px;
  box-sizing: border-box;
  font-size: 15px;
  line-height: 29px;
  color: #4d4a4a;
  white-space: nowrap;
  transition: 0.3s;
}

.header-right .lang-switch:hover {
  border-color: #008fd7;
  color: #008fd7;
}

/* The desktop header is hidden below 1024px; the switcher then lives in the
   slide-out menu, which already styles .navigate-item. */
@media screen and (max-width: 1440px) {
  .header-right .lang-switch {
    font-size: 14px;
    padding: 0 12px;
    margin-right: 18px;
  }
}

/* English labels are wider than the Chinese ones, and .navs is a centred
   absolutely-positioned float row — without this the last item wraps onto a
   second line between roughly 1024px and 1350px. */
html[lang="en"] .navs > li {
  white-space: nowrap;
}

@media screen and (max-width: 1350px) {
  html[lang="en"] .navs > li {
    margin-left: 26px;
  }
}

@media screen and (max-width: 1200px) {
  html[lang="en"] .navs > li {
    margin-left: 16px;
  }

  html[lang="en"] .navs > li > a {
    font-size: 15px;
  }
}

/* 1024px is where the theme swaps to the burger menu, so the inline nav has to
   survive down to 1025px on the same row the Chinese one does. */
@media screen and (max-width: 1120px) {
  html[lang="en"] .navs > li {
    margin-left: 10px;
  }

  html[lang="en"] .navs > li > a {
    padding: 0 3px;
    font-size: 14px;
  }
}

/* ---------------------------------------------------------------------------
   Text baked into the stylesheets rather than the markup, so the translation
   pass cannot reach it. Each rule mirrors the original one in style.css /
   responsive.css, including the media query it sits in.
   --------------------------------------------------------------------------- */

/* The space after \A terminates the escape — without it CSS reads "\AC" as a
   single hex escape and renders one stray glyph. */
html[lang="en"] div.product-menus > ul.product-leval:before {
  content: "Product\A Categories";
}

@media screen and (max-width: 481px) {
  html[lang="en"] .product-center > .common-title > p.slidetop:after {
    content: "Communication terminals, modules and custom cloud platform services";
  }

  html[lang="en"] .technology-wrap > .common-title > p.slidetop:after {
    content: "Download product documentation and related resources";
  }

  /* .product-more is absolutely positioned top-right of the card; the longer
     English headings run underneath it without this. */
  html[lang="en"] .product-text > h3 {
    padding-right: 125px;
  }
}