/* 阿拉伯语 RTL 覆盖（2026-09-24）
   只做「必需」的方向修正，尽量不动主题原有布局 */
html[dir="rtl"] body { direction: rtl; text-align: right; }

/* ── 页头：导航从右往左，语言切换器贴左 ── */
html[dir="rtl"] .navbar-nav { flex-direction: row-reverse; }
html[dir="rtl"] header.header .lang-switch { margin-left: 0; margin-right: 16px; }

/* ── 移动端抽屉：LTR 用 left:100% 藏屏外，RTL 下 left 被忽略 → 必须改成 right:-100% ── */
html[dir="rtl"] .mobile_header_list { left: auto; right: -100%; }
html[dir="rtl"] .mobile_header_list.cur { left: auto; right: 0; min-width: 70%; }
html[dir="rtl"] .mobile_header_list .mobile_btn { justify-content: flex-start; }
html[dir="rtl"] .mobile_header_list .card > a { padding-right: 0; padding-left: 1rem; }
html[dir="rtl"] .mobile_header_list .card > a.cur { padding-left: 0; padding-right: 10px; }

/* ── 首屏：文案仍留在左侧（与英文版一致），仅文字本身右对齐 ── */
html[dir="rtl"] #banner .title-tx { direction: ltr; }
html[dir="rtl"] #banner .hero-copy { direction: rtl; text-align: right; }
html[dir="rtl"] #banner .hero-meta:before { margin-left: auto; margin-right: 0; }

/* ── 区块标题 / 正文 / 卡片：右对齐 ── */
html[dir="rtl"] .index_about_text, html[dir="rtl"] .company_detail, html[dir="rtl"] .title,
html[dir="rtl"] .pro_name, html[dir="rtl"] .pro_text, html[dir="rtl"] .text_item,
html[dir="rtl"] .news_container, html[dir="rtl"] .pro-view-right, html[dir="rtl"] .pro-view-left,
html[dir="rtl"] footer .right, html[dir="rtl"] footer .footer_center { text-align: right; }

/* ── 统计块四数字 ── */
html[dir="rtl"] .num_box, html[dir="rtl"] .ny_num_box { direction: rtl; text-align: right; }
html[dir="rtl"] .num_box li { text-align: right; }

/* ── 箭头 / 图标镜像 ── */
html[dir="rtl"] .more i:before, html[dir="rtl"] .back i:before,
html[dir="rtl"] .fa-angle-right:before { display: inline-block; transform: scaleX(-1); }

/* ── 页脚三列 ── */
html[dir="rtl"] footer .footer_top { direction: rtl; }
html[dir="rtl"] footer .footer_bottom p, html[dir="rtl"] footer .footer_bootom p { text-align: center; }

/* ── 表单 / 面包屑 ── */
html[dir="rtl"] .contact_form input, html[dir="rtl"] .contact_form textarea,
html[dir="rtl"] .cont_main input, html[dir="rtl"] .cont_main textarea { text-align: right; direction: rtl; }
html[dir="rtl"] .container-nav-container a, html[dir="rtl"] .ny_nav a { text-align: center; }

/* ── 产品详情两栏 ── */
html[dir="rtl"] .pro-view-container { direction: rtl; }

/* ── 数字/电话保持从左往右读 ── */
html[dir="rtl"] .num, html[dir="rtl"] .add, html[dir="rtl"] .tel { direction: ltr; unicode-bidi: embed; display: inline-block; }


/* ── 2026-09-26 修复：RTL 下汉堡三横线跑出白色圆形按钮（压到「询价」按钮上，圆形看着是空的） ──
   主题用法 position:relative + left:50% + margin-left:-10px 居中；RTL 下这个组合算错位置。
   这里把圆形容器设为定位父级、横线绝对定位精确居中（只用 translate，不影响点击态 X 动画）。*/
html[dir="rtl"] .moblie_title_right { position: relative; }
html[dir="rtl"] .moblie_title_right .menuicon {
  position: absolute; left: 50%; right: auto; top: 50%;
  margin: 0; transform: translate(-50%, -50%);
}
html[dir="rtl"] .moblie_title_right .menuicon::before,
html[dir="rtl"] .moblie_title_right .menuicon::after { left: 0; right: auto; }

/* ===== ★ 阿语字体统一（2026-09-27）=====
   拉丁字符继续用 Poppins（与 EN/RU 一致），阿语字形由 Cairo 提供（Poppins 无阿语字形 → 自动落到 Cairo）。
   注意：不要给 i/.fa 设 font-family，否则图标字体（FontAwesome）会被覆盖。 */
html, body { font-family: "Poppins", "Cairo", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif; }
[class*="poppins-"], [class*="poppins-"] * { font-family: "Poppins", "Cairo", "Noto Kufi Arabic", sans-serif; }
.fa, [class^="fa-"], [class*=" fa-"] { font-family: FontAwesome; }

/* ===== ★ 阿语版联系页：地图压住联系信息（2026-09-27 实测修复）=====
   .map_box 定位为 position:absolute; left:50%; right:0 → 一直占「右半边」；
   RTL 下 .about_informashion_text（width:50%，静态流）也镜像到右半边 →
   两层完全重叠，阿语访客看不到电话/邮箱/地址/证书。这里把地图翻到左半边。 */
.about_informashion .map_box { left: 0 !important; right: 50% !important; }

/* ===== ★ 阿语版：LTR 片段（电话/邮箱/网址/编号）在 RTL 段落里会被 bidi 重排
   （实测：+971 54 276 8818 显示成 8818 276 54 971+）。强制这些片段 LTR 隔离。 */
a[href^="tel:"], a[href^="https://wa.me"], a[href^="mailto:"], a[href^="http"],
.phone, .tel, .linav + p a { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.about_informashion_text li > div, .about_informashion_text li > div p { direction: ltr; unicode-bidi: isolate; }
