/* ============================================================
   JH Amusement — RTL 覆盖（阿拉伯语镜像站专用）
   在 site.css 之后加载：<html dir="rtl"> 已让 flex/grid 自动镜像，
   这里只处理写死 left/right、以及阿拉伯文字体。
   ============================================================ */

/* --- 阿拉伯文字体（Poppins 无阿文字形，必须给出回退栈） --- */
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button,
html[dir="rtl"] table.spec th,
html[dir="rtl"] table.spec td{
  font-family:"Segoe UI","Noto Sans Arabic","Noto Kufi Arabic",Tahoma,
              "Geeza Pro","Arabic Typesetting",Poppins,Arial,sans-serif;
  letter-spacing:0;
}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,
html[dir="rtl"] h4,html[dir="rtl"] h5,html[dir="rtl"] h6{
  letter-spacing:0;
  font-family:"Segoe UI","Noto Sans Arabic","Noto Kufi Arabic",Tahoma,
              "Geeza Pro",Poppins,Arial,sans-serif;
}
/* 阿文字形上下延伸大，默认 1.05~1.15 的行高会让标题互相叠字 */
html[dir="rtl"] h1{line-height:1.5}
html[dir="rtl"] h2{line-height:1.45}
html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.4}
html[dir="rtl"] .hero h1 em{line-height:inherit}
/* 全大写 + 字距只对拉丁字母有意义，阿语下取消 */
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .cf-label,
html[dir="rtl"] .post-table th{text-transform:none;letter-spacing:0}

/* --- 文本对齐 --- */
html[dir="rtl"] table.spec caption,
html[dir="rtl"] table.spec th,
html[dir="rtl"] table.spec td,
html[dir="rtl"] .post-table th,
html[dir="rtl"] .post-cta>div:last-child{text-align:right}

/* --- 导航 --- */
html[dir="rtl"] .nav-lang{margin-left:0;margin-right:6px}
html[dir="rtl"] .nav-links a::after,
html[dir="rtl"] .nav-lang>a::after{left:auto;right:0}
html[dir="rtl"] .mockup-bar .title{margin-left:0;margin-right:8px}
html[dir="rtl"] .mega-img{margin-left:0;margin-right:28px}

/* --- 列表项目符号 --- */
html[dir="rtl"] .video-block li{padding-left:0;padding-right:20px}
html[dir="rtl"] .video-block li::before{left:auto;right:0}
html[dir="rtl"] .q-item p{padding-left:0;padding-right:14px}
html[dir="rtl"] .legal-body ul{padding-left:0;padding-right:20px}

/* --- 播放按钮：三角朝向翻转 --- */
html[dir="rtl"] .play-btn::after{
  border-left:0;border-right:22px solid var(--brand);
  margin-left:0;margin-right:6px}

/* --- 进度条 --- */
html[dir="rtl"] .track-bar i{left:auto;right:0}

/* --- 聊天气泡 --- */
html[dir="rtl"] .chat-bubble.right{margin-left:0;margin-right:auto;
  border-bottom-right-radius:16px;border-bottom-left-radius:3px}

/* --- 设置抽屉：从左侧滑出 --- */
html[dir="rtl"] .wb-drawer{right:auto;left:0;transform:translateX(-105%);
  box-shadow:18px 0 48px rgba(0,0,0,.22)}
html[dir="rtl"] .wb-drawer.open{transform:translateX(0)}

/* --- 表单 / 开关 --- */
html[dir="rtl"] .consent-card .cswitch{margin-left:0;margin-right:auto}

/* --- 分类筛选条（吸顶横滑） --- */
html[dir="rtl"] .cf-label{padding-right:0;padding-left:10px;
  border-right:0;border-left:1px solid rgba(255,255,255,.4);
  margin-right:0;margin-left:4px}

/* --- 卡片角标 / 角标文字 --- */
html[dir="rtl"] .card-badge,
html[dir="rtl"] .cat-count{letter-spacing:0}

/* --- 面包屑与箭头方向 --- */
html[dir="rtl"] .breadcrumb{direction:rtl}

/* --- 数字与拉丁串在阿语段落里保持从左到右 --- */
html[dir="rtl"] .spec-val,
html[dir="rtl"] bdi{unicode-bidi:isolate}