/* ==========================================================================
   JASTAR · 多语言附加样式 (i18n.css)
   由 _i18n_build.py 注入到 /ru/ /es/ /ar/ /pt/ 各页的 </head> 之前。
   英文原站不引用本文件，所以这里的规则只针对非英文，且以 [dir="rtl"] /
   [lang="ar"] 限定，对 ru / es / pt 完全不生效。

   站点主体是 flex 布局，设了 direction:rtl 后会自动镜像，无需逐条翻转。
   下面只补两类：
     ① 写死了 left/right 的少数规则（grep 过 style.css + products.css，共 10 处）
     ② 阿拉伯语的字体栈与排版微调
   ========================================================================== */

/* ---------- ① 阿拉伯语字体与排版 ---------- */
/* 基底字体栈里没有专用阿拉伯字体。Windows 上 Tahoma 的阿拉伯字形最稳，
   macOS 落到 Geeza Pro / Noto Naskh Arabic；都不可用时再回退到系统 sans。 */
html[lang="ar"] body{
  font-family:"Segoe UI",Tahoma,"Geeza Pro","Noto Naskh Arabic",
              "Noto Sans Arabic","Helvetica Neue",Arial,sans-serif;
}
/* 阿拉伯语有升降部与连写，行高要比拉丁语松一点才好读 */
html[lang="ar"] body{line-height:1.85}
/* 标题的字距收紧是为拉丁大写设计的，阿拉伯语沿用会挤在一起 */
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4{
  letter-spacing:0
}
/* `.eyebrow` 靠 text-transform:uppercase 做小标题 —— 阿拉伯语没有大小写，
   该属性无效果，靠字距和颜色区分即可 */
html[lang="ar"] .eyebrow{letter-spacing:.04em}
/* 阿拉伯文不适用负字距的正文 */
html[lang="ar"] .btn,html[lang="ar"] .lead{letter-spacing:0}

/* ---------- ② RTL 镜像修正 ---------- */

/* 统计条：竖分隔线在右，末项去掉 */
[dir="rtl"] .stat{border-right:0;border-left:1px solid rgba(255,255,255,.16)}
[dir="rtl"] .stat:last-child{border-left:0}
@media (max-width:640px){
  [dir="rtl"] .stat{border-bottom:1px solid rgba(255,255,255,.16)}
  [dir="rtl"] .stat:nth-child(2n){border-left:0}
}
@media (max-width:359px){
  [dir="rtl"] .stat{border-left:0}
}

/* 价格单位小字：`From $14.50` 里的 `/ pc` */
[dir="rtl"] .price small{margin-right:0;margin-left:3px}

/* 对比表：表头与单元格左对齐 → 右对齐 */
[dir="rtl"] .vs th,[dir="rtl"] .vs td{text-align:right}

/* 成本计算器：输入区竖分隔线、数值列的对齐与列序都要翻 */
[dir="rtl"] .calc-in{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .calc-row>span{grid-column:2}
[dir="rtl"] .calc-row>b{grid-column:1;text-align:left}
@media (max-width:860px){
  [dir="rtl"] .calc-in{border-left:0;border-bottom:1px solid var(--line)}
}

/* FAQ 折叠箭头原本钉在 right:21px */
[dir="rtl"] .faq summary::after{right:auto;left:21px}

/* 规格表：说明文字与单元格左对齐 → 右对齐；说明的缩进整段翻到左侧 */
[dir="rtl"] .spec-table caption{text-align:right;padding:0 18px 12px 0}
[dir="rtl"] .spec-table th,[dir="rtl"] .spec-table td{text-align:right}

/* OEM / 样品政策卡：左侧 3px 强调色竖条翻到右侧 */
[dir="rtl"] .oem-item{border-left:1px solid var(--line);border-right:3px solid var(--amber)}
[dir="rtl"] .policy-item{border-left:1px solid var(--line);border-right:3px solid var(--teal)}

/* 相关型号列表里的型号码 */
[dir="rtl"] .rel-list b{margin-right:0;margin-left:7px}

/* ---------- 数字 / 邮箱 / 电话在 RTL 下的双向文字保护 ---------- */
/* `+86 199 2116 6185`、`sales@jastarltd.com` 这类纯 LTR 串夹在 RTL 段落里
   会被 bidi 算法重排（邮箱的 @ 尤其容易跑到行首）。用 isolate 把方向锁死。 */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .info-item a[href^="tel:"],
[dir="rtl"] .info-item a[href^="mailto:"]{
  direction:ltr;unicode-bidi:isolate;display:inline-block
}
/* 型号 / 规格 / 认证串（GB-19-WG、IPX4、CE · RoHS）同理 */
[dir="rtl"] .spec-table td,[dir="rtl"] .quick dt,[dir="rtl"] .quick dd{
  unicode-bidi:plaintext
}

/* ---------- 兜底：屏外偏移在 RTL 下会变成可滚动溢出 ---------- */
/* `left:-9999px` 这类「藏到屏外」的写法，LTR 下落在文档起点之前（不计入
   可滚动区），RTL 下起点翻到右边 → 变成 9999px 溢出，整页初始滚动落在空白处，
   表现为**白屏**。主修护由 _p163_rtlsafe.py 换成裁剪式隐藏完成；这里只是
   兜底，万一哪页又冒出屏外定位，至少不让它撑破 RTL 版式。 */
[dir="rtl"] #botcheck{left:auto;right:-9999px}
html[dir="rtl"]{overflow-x:hidden}