/* ==========================================================================
   en-override.css — English edition typography & additions
   --------------------------------------------------------------------------
   Loaded AFTER the original stylesheets.

   It changes NOTHING about the layout, colours or structure of the Chinese
   site. It only does two things:

     1. adapts type for the Latin script — English words are far wider than
        Chinese characters, so the header, nav and headings need slightly
        tighter settings than the Chinese originals to sit in the same
        containers without wrapping;
     2. styles the two small additions of the English edition — the
        "中文" language switch link in the header, and the browser-native
        rendering of the longer English product names.

   If you would rather have the exact original Chinese spacing back, simply
   delete the <link href="css/en-override.css"> line from any page — every
   page is fully functional without this file.
   ========================================================================== */

/* 1. Font stack suitable for English content ------------------------------ */
body,
button,
input,
textarea,
select {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial,
               "Noto Sans", "Microsoft YaHei", "PingFang SC", sans-serif;
}

/* Chinese headings use 0.25rem letter-spacing, which is far too wide for
   English. 0.02em keeps the same visual weight without stretching words. */
.text-spac {
  letter-spacing: 0.02em;
}

/* Hero copy needs more vertical room in English */
.banner-title {
  line-height: 1.25;
}
.banner-desc {
  line-height: 1.7;
}

/* --------------------------------------------------------------------------
   2. Header: the company name and nav labels are much longer in English.
      These values keep everything on one line inside the original 1400px
      container, exactly as the Chinese version does.
   -------------------------------------------------------------------------- */
.header-container .logo {
  font-size: 0.95rem;
  line-height: 1.3;
  gap: 0.6rem;
}
.header-container .logo img {
  width: 4.4rem;
}

.nav {
  gap: 1.15rem;
}
.nav li a {
  font-size: 0.92rem;
}

.btn-consult-header {
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
  white-space: nowrap;
}

/* 3. Language switch link (added by the English edition) ------------------ */
.lang-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid rgba(0, 102, 179, 0.28);
  border-radius: 4px;
  font-size: 13px;
  line-height: 1;
  color: var(--primary-blue-header, #0066B3);
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.lang-switch:hover {
  background-color: #f0f6ff;
  border-color: var(--primary-blue-header, #0066B3);
}

/* --------------------------------------------------------------------------
   4. Responsive guards.
      The Chinese header switches to the drawer menu at 992px. The English
      labels are wider, so we tighten a little earlier to avoid any chance
      of overflow between 992px and 1400px.
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
  .nav { gap: 0.85rem; }
  .nav li a { font-size: 0.88rem; }
  .header-container .logo { font-size: 0.86rem; }
  .header-container .logo img { width: 3.9rem; }
}

@media (max-width: 1200px) {
  .lang-switch { display: none; }   /* the drawer menu carries 中文版 on smaller screens */
}

@media (max-width: 1100px) {
  .header-container .logo { font-size: 0.82rem; }
  .nav { gap: 0.6rem; }
  .nav li a { font-size: 0.84rem; }
}

/* --------------------------------------------------------------------------
   5. Text blocks that run longer in English.
      Chinese is very compact; the English equivalents are longer, so give
      long body copy a little more line-height for comfortable reading.
   -------------------------------------------------------------------------- */
.advantage-desc,
.service-desc,
.case-desc,
.footer-desc,
p {
  line-height: 1.7;
}

/* Product / article headlines in English should not be force-justified */
.section-title,
.case-title,
.news-detail-title {
  line-height: 1.35;
}