/* ============================================================
   RTL (右到左) 布局覆写: 用于阿拉伯语等从右到左阅读的语言。
   官网默认 LTR; html[dir="rtl"] 时加载本文件, 逐条把左右方向的
   布局/定位/文本对齐翻转, 使其符合阿拉伯语阅读习惯。
   说明: 颜色与主题统一走 tokens.css 变量, 本文件只做方向翻转。
   ============================================================ */

/* 全局文本走向 */
[dir="rtl"] body { direction: rtl; text-align: right; }

/* 顶部导航: logo 在右, 菜单在左(镜像) */
[dir="rtl"] .nav { flex-direction: row-reverse; }
[dir="rtl"] .nav-links { flex-direction: row-reverse; }

/* 导航下划线小箭头(::after 用 left/right)在 RTL 下镜像 */
[dir="rtl"] .nav-links > li > a::after,
[dir="rtl"] .nav-links > li > .nav-dropdown::after { left: auto; }

/* 二级下拉: 出现在父项左侧(RTL) */
[dir="rtl"] .nav-links .sub-nav { left: auto; right: 0; }
[dir="rtl"] .nav-links .sub-nav .sub-nav { right: auto; left: 100%; }

/* 卡片/区块: hero 左右互换 */
[dir="rtl"] .hero { flex-direction: row-reverse; }
[dir="rtl"] .hero-left, [dir="rtl"] .hero-right { text-align: right; }

/* 通用左右内边距在 RTL 下镜像 */
[dir="rtl"] .page-body,
[dir="rtl"] .static-page { text-align: right; }

/* 列表缩进镜像 */
[dir="rtl"] .rich-content ul,
[dir="rtl"] .rich-content ol { padding-left: 0; padding-right: 26px; }

/* 面包屑/元信息小箭头 */
[dir="rtl"] .meta-line b, [dir="rtl"] .pricing-line { text-align: right; }

/* 语言切换器: 与菜单方向一致 */
[dir="rtl"] .nav-lang { margin-left: auto; margin-right: 0; }

/* 移动端导航: 汉堡按钮在左(RTL 镜像) */
@media (max-width: 768px) {
  [dir="rtl"] .nav-burger { margin-left: 0; margin-right: 16px; }
  [dir="rtl"] .nav-links { left: auto; right: 0; }
  [dir="rtl"] .nav-links a, [dir="rtl"] .nav-links .nav-dropdown { text-align: right; }
}
