/* ============================================================
   Onbit · RTL 覆盖层(只 ur 乌尔都页加载,在 style.css 之后)
   方向镜像 nav / 切换器 / CTA / 文章排版 / footer;
   拉丁文·数字·邀请码·价格·URL·代码 = LTR 隔离岛,不镜像。
   ur 内容真正落地时在此基础上细化(箭头/内边距方向)。
   ============================================================ */

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

/* ---- 顶栏 / 导航镜像 ---- */
html[dir="rtl"] .nav,
html[dir="rtl"] .nav-menu,
html[dir="rtl"] .nav-right { flex-direction: row-reverse; }

/* ---- 语种切换器:下拉靠左、内容右对齐 ---- */
html[dir="rtl"] .langsw-menu { right: auto; left: 0; text-align: right; }
html[dir="rtl"] .langsw button { flex-direction: row-reverse; }

/* ---- 列表 / 文章方向性内边距翻转 ---- */
html[dir="rtl"] ul,
html[dir="rtl"] ol { padding-right: 1.4em; padding-left: 0; }
html[dir="rtl"] blockquote { border-right: 3px solid var(--gold); border-left: 0; padding-right: 16px; padding-left: 0; }
html[dir="rtl"] .card,
html[dir="rtl"] .tile,
html[dir="rtl"] .conv { text-align: right; }

/* ---- 转化区:码行镜像,码本身保持 LTR ---- */
html[dir="rtl"] .conv-row { flex-direction: row-reverse; }
html[dir="rtl"] .conv-copy { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .conv-on { flex-direction: row-reverse; }
html[dir="rtl"] .conv-on-txt { text-align: right; }

/* ---- footer ---- */
html[dir="rtl"] footer,
html[dir="rtl"] .foot { text-align: right; }

/* ---- LTR 隔离岛:拉丁/数字/码/价/URL/代码不镜像 ---- */
html[dir="rtl"] .ltr,
html[dir="rtl"] [dir="ltr"],
html[dir="rtl"] bdi,
html[dir="rtl"] code,
html[dir="rtl"] .mono,
html[dir="rtl"] .conv-code {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: left;
}

/* ---- CTA 箭头:RTL 下指向左(对用 .arr 包裹的箭头生效) ---- */
html[dir="rtl"] .arr { display: inline-block; transform: scaleX(-1); }