/* ============================================================
   ar-rtl.css — 阿拉伯语 RTL 专属覆盖
   加载时机：在 styles.css 之后加载
   目标：www.drillingworkoverrig.com/ar/
   ============================================================ */

/* 1. 根方向 */
html[dir="rtl"] {
  text-align: right;
  font-family: "Noto Sans Arabic", "Dubai Font", Tahoma, "Segoe UI", sans-serif;
  line-height: 1.7;
}

/* 2. 语言栏下拉框位置（RTL 下镜像：原 right:0 改 left:0） */
[dir="rtl"] .lang-switch__menu {
  right: auto;
  left: 0;
  text-align: right;
}
[dir="rtl"] .nav-lang__list {
  right: auto;
  left: 0;
  text-align: right;
}

/* 2b. Products 下拉面板：原 left:0 在 RTL 下推出屏幕右边界，改 right:0 */
[dir="rtl"] .nav-panel {
  left: auto;
  right: 0;
}

/* 3. 焦点轮廓（避免 RTL 下小方框） */
[dir="rtl"] .lang-switch__link:focus,
[dir="rtl"] .nav-lang__link:focus,
[dir="rtl"] .nav-link:focus {
  outline: none;
}

/* 4. 导航：保持 row，dir=rtl 自动镜像 flex 顺序 */
[dir="rtl"] .nav-shell,
[dir="rtl"] .site-header__inner {
  flex-direction: row;
}

/* 5. caret 说明：.nav-caret / .lang-switch__caret 都是 border+rotate(45deg) 画的
      朝下三角（左右对称），不需要 scaleX(-1)；之前误加导致变 L 形折角 */

/* 6. 列表 bullet/编号位置 */
[dir="rtl"] ul, [dir="rtl"] ol {
  padding-right: 1.5em;
  padding-left: 0;
}

/* 7. quick-facts / feature-list 里的 span/strong 顺序 */
[dir="rtl"] .quick-facts li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.5em;
}

/* 8. note/blockquote 左边框改右边框 */
[dir="rtl"] .note,
[dir="rtl"] blockquote {
  border-left: none;
  border-right: 3px solid var(--brand, #1a5fb4);
}

/* 9. 双向文本：型号/单位/URL/邮箱 保持 LTR */
[dir="rtl"] bdi,
[dir="rtl"] .ltr,
[dir="rtl"] .unit,
[dir="rtl"] .model {
  direction: ltr;
  unicode-bidi: isolate;
}

/* 10. 输入框：邮箱/网址/电话 LTR */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: left;
}

/* 11. pill-row / 标签 */
[dir="rtl"] .pill-row {
  justify-content: flex-start;
}

/* 12. 按钮 CTA 间距镜像 */
[dir="rtl"] .hero__actions {
  flex-direction: row;
}

/* 13. 表格列对齐（规格表数字列保持 LTR 逻辑） */
[dir="rtl"] table td.num,
[dir="rtl"] table th.num {
  direction: ltr;
  text-align: left;
}

/* 14. footer 多列（site-shell 自动镜像） */
[dir="rtl"] .footer__inner {
  flex-direction: row;
}

/* 15. 禁止破坏阿语连笔 */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] p, [dir="rtl"] a, [dir="rtl"] li {
  letter-spacing: normal;
  text-transform: none;
  font-style: normal;
}