/* lang.css — 多语言页专用（新增文件，不影响任何已收录页面）
   只做两件事：①顶栏语言切换器 ②RTL 镜像。
   站点主样式仍在 /css/style.css，本文件只加载于 /{lang}/ 页面。 */

.topbar-right {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.lang-switch select {
  appearance: none;
  -webkit-appearance: none;
  background: rgba(255, 255, 255, .1);
  color: inherit;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 4px;
  padding: 3px 22px 3px 8px;
  font-size: 12px;
  font-family: inherit;
  line-height: 1.4;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0l5 6 5-6z' fill='rgba(255,255,255,.7)'/></svg>");
  background-repeat: no-repeat;
  background-position: right 6px center;
  max-width: 190px;
}

.lang-switch select option {
  color: #0a2440;
  background: #fff;
}

.lang-switch select:focus-visible {
  outline: 2px solid #f97316;
  outline-offset: 1px;
}

/* ---- RTL（ar / fa）---- */
[dir="rtl"] .topbar .wrap,
[dir="rtl"] .foot-bottom {
  direction: rtl;
}

[dir="rtl"] .topbar-right {
  justify-content: flex-start;
}

[dir="rtl"] .lang-switch select {
  padding: 3px 8px 3px 22px;
  background-position: left 6px center;
}

[dir="rtl"] .sec-head,
[dir="rtl"] .page-hero {
  text-align: right;
}

[dir="rtl"] .card,
[dir="rtl"] .note-box,
[dir="rtl"] .post {
  text-align: right;
}

/* 型号 / 数字 / 零件号在 RTL 下必须保持 LTR，否则会被重排成乱序 */
[dir="rtl"] .chip,
[dir="rtl"] code,
[dir="rtl"] .foot-links a[href*="models/"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* 阿拉伯语/波斯语数字与电话保持 LTR */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] a[href*="wa.me"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

@media (max-width: 720px) {
  .topbar .wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .topbar-right {
    justify-content: flex-start;
  }
}