/**
 * RTL 覆盖样式（阿拉伯语等 RTL 语言专用）
 * 仅在 is_rtl() 为 true 时由 functions.php 条件加载；
 * 所有规则均带 html[dir="rtl"] 前缀，对英语/俄语（LTR）页面零影响。
 */

/* =====================================================================
   1. about-key 列表（首页 / 关于我们页）
   原样式 float:left + padding-left 在 RTL 下导致图标与文字重叠，
   镜像为 float:right + padding-right
   ===================================================================== */
html[dir="rtl"] .about-key li {
  float: right;
}

html[dir="rtl"] .about-key p {
  padding-right: 35px;
  padding-left: 0;
}

html[dir="rtl"] .about-key li i:before {
  margin-right: 0;
  margin-left: 10px;
}

/* =====================================================================
   2. 代理合作页 progress-bar-area（barfiller 进度条）
   fill/tip 由 JS 按物理 left 属性驱动，强制进度条内部 LTR，
   保证填充方向与百分比标签滑动和英语页一致；
   百分比标签最终停在条右端，与右对齐的阿语标题同带会重叠，
   增大标题下间距让标签独占一条带
   ===================================================================== */
html[dir="rtl"] .progress-bar-area .barfiller {
  direction: ltr;
}

html[dir="rtl"] .progress-bar-area .single-bar-item h4 {
  margin-bottom: 38px;
}

/* =====================================================================
   3. 移动端 header（<992px）
   RTL 下 logo 靠右，汉堡按钮与语言按钮需镜像到左侧，避免与 logo 重叠
   （responsive.css 中两者均为 position:absolute + 物理坐标 right 定位）
   ===================================================================== */
@media (max-width: 991px) {
  html[dir="rtl"] .mobile-lang {
    right: auto;
    left: 72px;
  }

  html[dir="rtl"] .main-menu .navbar-toggler {
    right: auto;
    left: 0;
  }
}

html[dir="rtl"] .main-menu li.nav-item {
  margin-right: 0;
  margin-left: 20px;
}

html[dir="rtl"] .main-menu li.nav-item:last-child {
  margin-left: 0;
}

@media (max-width: 991px) {
  html[dir="rtl"] .main-menu li.nav-item {
    margin-left: 0;
  }
}

html[dir="rtl"] .lang-switcher .lang-dropdown {
  left: 0;
  right: auto;
}