/**
 * rtl.css —— 阿拉伯语（dir="rtl"）修正层
 * 原则：主样式全部用逻辑属性（inline-start/end、margin-inline 等），
 *       本文件只处理「物理方向写死」的个别位置与图标翻转。
 */

[dir="rtl"] body { text-align: start; }

/* 巨型菜单与语言面板的居中/贴边在 RTL 下需要镜像 */
[dir="rtl"] .megapanel { inset-inline-start: 50%; translate: -50% 0; }
[dir="rtl"] .langpanel { inset-inline-end: 0; }

/* 箭头类图标翻转 */
[dir="rtl"] .ico--flip,
[dir="rtl"] .crumb__item + .crumb__item::before {
  transform: scaleX(-1);
}
[dir="rtl"] .crumb__item + .crumb__item::before {
  content: "/"; /* 斜杠不需要翻转，覆盖上面的 transform */
  transform: none;
}

/* 浮动联系按钮：RTL 下贴左边 */
[dir="rtl"] .float-contact {
  inset-inline-end: auto;
  inset-inline-start: var(--s-4);
  align-items: flex-start;
}

/* 数字 / 编码 / 邮箱在 RTL 段落里保持左到右阅读 */
[dir="rtl"] .mono,
[dir="rtl"] .pcard__code,
[dir="rtl"] .pinfo__code,
[dir="rtl"] .langlist__code,
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] a[href^="tel:"] {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* 列表符号与步骤卡编号位置镜像 */
[dir="rtl"] .steps__item::before { inset-inline-end: var(--s-4); inset-inline-start: auto; }
[dir="rtl"] .hero__stat::before { inset-inline-start: 0; }

/* 表格表头对齐 */
[dir="rtl"] .table th,
[dir="rtl"] .table td { text-align: start; }