/* ============================================================================
   rtl.css —— 阿拉伯语 RTL 骨架（批次B；仅在 <html dir="rtl"> 下生效）
   由 i18n.jsp 在 ar 语言页按需注入；静态资源不带语言前缀（详见设计 §1.2 / §8）。
   原则：不全局重写存量样式，统一走 [dir="rtl"] 作用域覆盖；新样式优先逻辑属性。
   批次D 目检清单：详情页/参数表/面包屑/分页/切换器/汉堡菜单/表单/footer。
   ============================================================================ */

/* 1. 阿语回退字体栈（系统自带，不引入 webfont，避免跨境加载） */
[dir="rtl"] body {
    font-family: "Segoe UI", Tahoma, "Noto Naskh Arabic", sans-serif;
}

/* 2. 主文档方向：左右镜像（text-align 与浮动统一翻转） */
[dir="rtl"] {
    text-align: right;
}

/* 3. 通用浮动翻转（header/footer 左右布局） */
[dir="rtl"] .header_right,
[dir="rtl"] .ft2_wrap > div,
[dir="rtl"] .item-list li {
    float: left;
}

[dir="rtl"] .logo,
[dir="rtl"] .mainmenu-left,
[dir="rtl"] .fixed-contact {
    float: right;
}

/* 4. 语言切换器 chevron 与下拉方向（下拉在右对齐处，RTL 下翻到左侧对齐） */
[dir="rtl"] .language .menu-title i {
    transform: scaleX(-1);
}

[dir="rtl"] .language .menu-dropdown {
    right: auto;
    left: 0;
    text-align: right;
}

/* 5. 返回箭头 / 分页前后 / 面包屑分隔符：方向性图标翻转 */
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-long-arrow-right {
    transform: scaleX(-1);
}

[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-long-arrow-left {
    transform: scaleX(-1);
}

/* 6. 表单 label / 输入框对齐：label 右对齐，输入框文本右对齐 */
[dir="rtl"] form input,
[dir="rtl"] form textarea {
    text-align: right;
}

/* 7. 拉丁字符混排区域（备案号/邮箱/电话等）：强制 LTR 嵌入，防双向算法错位 */
[dir="rtl"] .ft2_nap,
[dir="rtl"] .ft2_nap a,
[dir="rtl"] .ft2_bottom,
[dir="rtl"] .fixed-contact a {
    direction: ltr;
    unicode-bidi: embed;
}

/* 8. 圆角镜像：左右不对称圆角互换 */
[dir="rtl"] .mn-sheet {
    border-radius: 14px 14px 0 0;
}

/* 9. 边距兜底：逻辑属性优先（天然自适应），存量物理边距在此按需覆盖 */
[dir="rtl"] .header_right ul > li {
    padding-left: 0;
    padding-right: 16px;
}

/* 10. 移动端 header 语言切换器 RTL 适配：从汉堡左边移到右边（汉堡在 RTL 下应在左侧） */
[dir="rtl"] .mobile-lang-switch {
    right: auto;
    left: 60px;
}
[dir="rtl"] .mobile-lang-switch .mobile-lang-dropdown {
    right: auto;
    left: 0;
}
[dir="rtl"] .mobile-lang-switch .mobile-lang-dropdown li a {
    text-align: right;
}