/* ──────────────────────────────────────────────────────────────────────────
   PER-TENANT THEME OVERRIDE (thin layer — NOT a rewrite of the legacy CSS).

   The legacy bundles hard-code the 微鹏 brand blue (#009FE8 / #00a0e8) in many
   places. Rather than editing every bundle, this thin layer re-points only the
   MOST VISIBLE brand spots to `var(--brand-color)`, which the root layout sets
   per request from the tenant's theme_color (see app/layout.tsx).

   Default + weipeng theme_color is #009FE8, so the fallback makes this a
   NO-OP-equivalent for 微鹏 (identical pixels). For the wpshare demo tenant the
   var resolves to #E8540A, recoloring these spots orange.

   Loaded AFTER the page bundles (linked last) so it wins; `!important` is used
   only against the high-specificity legacy rules it shadows.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  --brand-color: #009fe8;
}

/* ── header: service-hotline number + active/hover nav ── */
.head .hea-rig .rig-top i {
  color: var(--brand-color) !important;
}
.head .hea-rig ul li:hover a,
.head .hea-rig ul li.cur a {
  color: var(--brand-color) !important;
}

/* ── generic brand links / hovers used across inner pages (search, crumbs) ── */
.p102-search-1 p a:hover,
.p102-curmbs-1 a:hover,
.xl-xgzx-tys-03-list2:hover a,
.qccdz ul li em a:hover {
  color: var(--brand-color) !important;
}

/* ── homepage marketing accents (.ppbj / .solu) ── */
.ppbj b,
.ppbj span,
.solu .sol-tit b {
  background: var(--brand-color) !important;
}

/* ── carousel / pagination dots ── */
.solu .solu-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
}
.slick-dots li button {
  background-color: var(--brand-color) !important;
}

/* ── homepage news tab + ebike hover + auto-charger hover ── */
.news .news-tit strong a.cur {
  background: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
  color: #fff !important;
}
.dpcdz ul li:hover i,
.qccdz ul li b:hover {
  background: var(--brand-color) !important;
}

/* ── primary buttons / submit (leaveword) ── */
.p4-order-form-1-con .p4-order-form-1-b1 {
  background: var(--brand-color) !important;
  border-color: var(--brand-color) !important;
}

/* ── i18n language switcher (header .rig-top) ──
   Only rendered when the tenant has >1 enabled locale, so it is absent (and thus
   pixel-neutral) on the single-locale zh chrome. Inline-block, sits after the
   hotline number; the active locale is highlighted in the brand color. */
.lang-switch {
  display: inline-block;
  margin-left: 12px;
}
.lang-switch a {
  display: inline-block;
  padding: 0 6px;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
  text-decoration: none;
}
.lang-switch a + a {
  border-left: 1px solid #ccc;
}
.lang-switch a:hover,
.lang-switch a.lang-cur {
  color: var(--brand-color) !important;
}