/* ============================================================================
   rtl.css — 阿语站（/ar/）从右到左排版覆盖层
   ----------------------------------------------------------------------------
   只做三件事，不改 style.css 一行：
     1) 阿拉伯语字体栈 + 关掉 letter-spacing（字距会拆断阿语连写）
     2) 把 style.css / hero-v2.css / 各页内联样式里的方向性属性镜像
     3) 箭头 / 位移类装饰元素反向

   所有选择器都加 [dir="rtl"] 前缀，只影响 <html dir="rtl"> 的阿语页。
   维护规则：英文站新增一条 left/right/margin-left/… 规则时，如果它是
   「贴着某一侧」的（不是居中用的），这里要补一条镜像，否则阿语页会错位。
   ========================================================================== */

/* ---------- 1. 字体与字距 ---------- */
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
  font-family: 'Segoe UI', 'Geeza Pro', 'Noto Naskh Arabic', 'Noto Sans Arabic',
               'Al Nile', Tahoma, 'Inter', sans-serif;
}

/* 阿语是连写字体，任何 letter-spacing 都会把字母拆开 */
[dir="rtl"] *,
[dir="rtl"] *::before,
[dir="rtl"] *::after {
  letter-spacing: normal !important;
}

/* 牌头那种超粗压缩字体（Oswald / Impact）没有阿语字形，回退到正文栈 */
[dir="rtl"] .hero3-title,
[dir="rtl"] .page-banner h1,
[dir="rtl"] .section-title,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 {
  font-family: 'Segoe UI', 'Geeza Pro', 'Noto Naskh Arabic', 'Noto Sans Arabic',
               Tahoma, 'Inter', sans-serif;
}

/* 型号 / 单位这类拉丁片段在阿语行里保持 LTR，避免和数字粘反 */
[dir="rtl"] .mp-spec-value,
[dir="rtl"] .hot-spec b,
[dir="rtl"] .heroV2-trust .num {
  unicode-bidi: isolate;
}

/* ---------- 2. 页头 / 导航 ---------- */
[dir="rtl"] .nav { margin-left: 0; margin-right: auto; }
[dir="rtl"] .lang-switch { margin-left: 0; margin-right: 38px; }

@media (max-width: 1024px) {
  [dir="rtl"] .lang-switch { margin-left: 0; margin-right: 26px; }
}
@media (max-width: 768px) {
  [dir="rtl"] .lang-switch { margin-left: auto; margin-right: 10px; }
  [dir="rtl"] .nav-dd-menu {
    border-left: 0;
    border-right: 2px solid var(--border-light);
    text-align: right;
  }
}
@media (max-width: 560px) {
  [dir="rtl"] .lang-switch { margin-left: auto; margin-right: 8px; }
}

/* 首页 hero 进度条：RTL 下从左往右长 → 改为从右往左长 */
[dir="rtl"] .hero-progress { left: auto; right: 0; }

/* ---------- 3. 通用强调线 / 偏移 ---------- */
[dir="rtl"] .section-label-primary {
  border-left: 0;
  border-right: 6px solid var(--accent);
  padding-left: 0;
  padding-right: 20px;
}
[dir="rtl"] .product-category-section > .container > .section-header > .section-subtitle {
  padding-left: 0;
  padding-right: 26px;
}
@media (max-width: 768px) {
  [dir="rtl"] .section-label-primary { border-right-width: 5px; padding-right: 14px; }
  [dir="rtl"] .product-category-section > .container > .section-header > .section-subtitle {
    padding-left: 0;
    padding-right: 19px;
  }
}

[dir="rtl"] .page-crumb { text-align: right; }
[dir="rtl"] .product-tag { right: auto; left: 16px; }
[dir="rtl"] .cta-section::before { right: auto; left: -5%; }

[dir="rtl"] .footer-sub-link { padding-left: 0; padding-right: 14px; }
[dir="rtl"] .footer-sub-link::before { left: auto; right: 3px; }

/* ---------- 4. 悬浮件（WhatsApp / toast）---------- */
[dir="rtl"] .whatsapp-float { right: auto; left: 26px; }
[dir="rtl"] .whatsapp-tooltip { right: auto; left: 72px; }
[dir="rtl"] .toast { right: auto; left: 36px; transform: translateX(-120%); }
[dir="rtl"] .toast.show { transform: translateX(0); }
@media (max-width: 768px) {
  [dir="rtl"] .whatsapp-float { right: auto; left: 14px; }
}

/* ---------- 5. 关于页轮播 / 工厂卡片 ---------- */
[dir="rtl"] .about-nav-prev { left: auto; right: 14px; }
[dir="rtl"] .about-nav-next { right: auto; left: 14px; }
[dir="rtl"] .factory-card-label { left: auto; right: 14px; }

/* ---------- 6. 产品页搜索框 ---------- */
[dir="rtl"] .mbf-search-icon { left: auto; right: 22px; }
[dir="rtl"] .mbf-search-clear { right: auto; left: 14px; }
@media (max-width: 768px) {
  [dir="rtl"] .mbf-search-icon { left: auto; right: 16px; }
}

/* ---------- 7. hero3 数据条 ---------- */
[dir="rtl"] .hero3-stat {
  border-left: 0;
  border-right: 1px solid rgba(255,255,255,.1);
}
[dir="rtl"] .hero3-stat:first-child {
  border-right: 0;
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] .hero3-stat-n b { margin-right: 0; margin-left: 2px; }
@media (max-width: 768px) {
  [dir="rtl"] .hero3-stat:nth-child(odd) {
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* ---------- 8. 产品页小标题 / 排行角标 ---------- */
[dir="rtl"] .gp-teo-role {
  padding-left: 0;
  padding-right: 11px;
  border-left: 0;
  border-right: 3px solid #f97316;
}
[dir="rtl"] .rv-bar-c { text-align: left; }
[dir="rtl"] .hot-rank { left: auto; right: 11px; }
[dir="rtl"] .hot-badge { right: auto; left: 9px; }
[dir="rtl"] .hot-card:hover .hot-cta svg { transform: translateX(-2px); }

/* ---------- 9. 左侧品类栏（category-sidebar.css / sidebar-trial.css）---------- */
[dir="rtl"] .pcat-search > svg { left: auto; right: 25px; }
[dir="rtl"] .pcat-item {
  border-left: 0;
  border-right: 3px solid transparent;
}
[dir="rtl"] .pcat-item.active .pcat-check::after { left: auto; right: 4.5px; }
[dir="rtl"] .pcat-trial-badge { left: auto; right: 14px; }

/* ---------- 10. 首页 heroV2 与品牌条 ---------- */
[dir="rtl"] .heroV2-photo { right: auto; left: 0; }
[dir="rtl"] .heroV2-spec { right: auto; left: 56px; }
[dir="rtl"] .heroV2-trust .cell {
  border-right: 0;
  border-left: 1px solid rgba(255,255,255,0.1);
}
[dir="rtl"] .heroV2-trust .cell:last-child { border-left: none; }
[dir="rtl"] .heroV2-trust .num span { margin-left: 0; margin-right: 4px; }
[dir="rtl"] .brand-strip .bs-cap {
  padding-right: 0;
  padding-left: 30px;
  border-right: 0;
  border-left: 1px solid #e6ebf1;
}
@media (max-width: 768px) {
  [dir="rtl"] .heroV2-spec { right: auto; left: 24px; }
  [dir="rtl"] .brand-strip .bs-cap {
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    border-right: 0;
  }
}

/* ---------- 11. 机型页规格条 / 规格表 ---------- */
[dir="rtl"] .mp-specstrip .cell {
  border-left: 0;
  border-right: 1px solid #e2e8f0;
}
[dir="rtl"] .mp-specstrip .cell:first-child {
  border-right: 0;
  padding-left: 0;
  padding-right: 0;
}
[dir="rtl"] .mp-spec-value small { margin-left: 0; margin-right: 3px; }
[dir="rtl"] .mp-spec-table td:last-child,
[dir="rtl"] .mp-spec-table th:last-child { text-align: left; }
[dir="rtl"] .mp-cta { padding-right: 0; padding-left: 62px; }
@media (max-width: 768px) {
  [dir="rtl"] .mp-specstrip .cell:nth-child(3) {
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}

/* ---------- 12. 品牌页港口表 / FAQ ---------- */
[dir="rtl"] .br-port th,
[dir="rtl"] .br-port td { text-align: right; }
[dir="rtl"] .br-faq p,
[dir="rtl"] .ct-faq p { padding-right: 0; padding-left: 24px; }

/* ---------- 13. 箭头与方向性图标 ---------- */
[dir="rtl"] .mp-cta::after,
[dir="rtl"] .hot-cta::after,
[dir="rtl"] .br-cta-arrow {
  transform: scaleX(-1);
}

/* ---------- 14. 蜜罐字段 ---------- */
/* contact.html 内联样式 .hp-field{left:-9999px!important} 在 RTL 下会把
   1px 的蜜罐框甩到视口左侧外，被当成可滚动内容 → 文档宽 9877px。
   [dir="rtl"] 前缀把选择器提权到 (0,2,0)，同 !important 下可覆盖内联块。 */
[dir="rtl"] .hp-field {
  left: auto !important;
  right: -9999px !important;
}

/* ---------- 15. 单行页头 + 语言下拉（RTL，2026-11-08） ---------- */
/* flex 行本身随 dir 镜像：RTL 下 .header-tools（margin-left:auto）落在最左，
   语言按钮是组里最左的那个，菜单必须向左对齐触发器的左边缘（left:0）
   才会向页面内侧展开。 */
[dir="rtl"] .lang-dd-menu { right: auto; left: 0; max-width: calc(100vw - 16px); }
[dir="rtl"] .lang-dd-cur { direction: ltr; unicode-bidi: isolate; }
/* 抽屉：RTL 下社媒组靠最左，右侧紧挨着橙色 CTA —— 往右滑会压住按钮，
   所以仍向物理左侧滑出（盖住邮箱图标与语言按钮，悬停态无所谓）。
   号码/邮箱是纯拉丁，方向由 style.css 里的 direction:ltr 锁定。 */