/* ==================================================================
   阿拉伯语 RTL（从右到左）基础适配样式
   仅 xingsheng-ar 模板引用，通过 html[dir="rtl"] 作用域控制
   ================================================================== */

/* 全局文字方向与对齐 */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* 顶部导航容器反向排列 */
html[dir="rtl"] .header-nav,
html[dir="rtl"] .header-nav .hvr,
html[dir="rtl"] header .language ul,
html[dir="rtl"] .header .nav .cnav {
  direction: rtl;
}

/* 导航项图标/箭头方向翻转 */
html[dir="rtl"] .mega-cat i,
html[dir="rtl"] .mega-cat .fa-chevron-right {
  transform: scaleX(-1);
}

/* 语言切换下拉：改为向左展开 */
html[dir="rtl"] .lang-switch .lang-menu {
  right: auto;
  left: 0;
}

/* 语言当前按钮的图标与文字间距方向 */
html[dir="rtl"] .lang-current .lang-ico {
  margin-right: 0;
  margin-left: 6px;
}
html[dir="rtl"] .lang-current .lang-caret {
  margin-left: 0;
  margin-right: 6px;
}

/* 首页轮播指示点与文本 */
html[dir="rtl"] .banner .banner-con,
html[dir="rtl"] .common .con-title,
html[dir="rtl"] .product-cont,
html[dir="rtl"] .news .con-title {
  text-align: right;
}

/* 底部导航与版权 */
html[dir="rtl"] .foot-er .foot-list,
html[dir="rtl"] .foot-er .er-r,
html[dir="rtl"] .foot-text {
  text-align: right;
}

/* 列表/描述文本右对齐 */
html[dir="rtl"] .cont-txt,
html[dir="rtl"] .navinfo,
html[dir="rtl"] .tit-con {
  text-align: right;
}

/* 表单输入框文字右对齐 */
html[dir="rtl"] input,
html[dir="rtl"] textarea {
  text-align: right;
}

/* 面包屑/位置导航方向 */
html[dir="rtl"] .ny-header .language,
html[dir="rtl"] .position,
html[dir="rtl"] .crumb {
  direction: rtl;
}

/* ==================================================================
   补充增强：完整 RTL 布局镜像（补齐方向性细节）
   ================================================================== */

/* ---- mega 下拉菜单：左右分栏镜像 ---- */
/* 分类栏（原左）内边距方向翻转 */
html[dir="rtl"] .mega-side {
  padding-right: 0;
  padding-left: 30px;
}
/* 系列区（原右）内边距与分隔线方向翻转 */
html[dir="rtl"] .mega-body {
  padding-left: 0;
  padding-right: 45px;
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
/* 横向子项间距方向翻转 */
html[dir="rtl"] .mega-ul-row li {
  padding-right: 0;
  padding-left: 38px;
}
html[dir="rtl"] .mega-ul-row li:last-child {
  padding-left: 0;
}

/* ---- 移动端导航抽屉：从右侧滑入镜像为左侧滑入（仅 ≤1024px 生效，避免误伤桌面端导航定位）---- */
@media (max-width: 1024px) {
  html[dir="rtl"] header .nav {
    right: auto;
    left: 0;
    box-shadow: 8px 0 30px rgba(0, 0, 0, 0.12);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  html[dir="rtl"] header .nav.show {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  /* 汉堡按钮位置镜像 */
  html[dir="rtl"] .m-btn {
    right: auto;
    left: 4px;
  }
  /* 移动端二级子项缩进方向翻转 */
  html[dir="rtl"] header .nav ul.pnav .navlist > li > a,
  html[dir="rtl"] header .nav ul.pnav .navlist p a {
    padding: 6px 14px 6px 0;
  }
}

/* ---- 轮播图左右箭头镜像 ---- */
html[dir="rtl"] .swiper-button-next {
  right: auto;
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
html[dir="rtl"] .swiper-button-prev {
  left: auto;
  right: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* 社交图标右间距镜像为左间距 */
html[dir="rtl"] .er-r .link a {
  margin-right: 0;
  margin-left: 15px;
}

/* ---- 通用元素 ---- */
/* 侧边"回到顶部"悬浮框镜像到左侧 */
html[dir="rtl"] .float-box {
  right: auto;
  left: -120px;
}
html[dir="rtl"] .float-box.active {
  left: 0;
}
/* 手机底部导航 float 与边框方向镜像 */
html[dir="rtl"] .m-footer ul li {
  float: right;
  border-left: none;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
}
html[dir="rtl"] .m-footer ul li:first-child {
  border-right: none;
}
/* 分页按钮 float 镜像 */
html[dir="rtl"] .page-box .pagination a {
  float: right;
}

/* ---- 内页左右分栏镜像 ---- */
html[dir="rtl"] .ny-comm .comm-left {
  float: right;
}
html[dir="rtl"] .ny-comm .comm-right {
  float: left;
  padding: 0 40px 0 0;
}

/* ---- 搜索弹窗镜像 ---- */
html[dir="rtl"] .search input {
  padding-left: 5px;
  padding-right: 15px;
}
html[dir="rtl"] .search .search-btn {
  right: auto;
  left: 0;
}

/* ---- 首页"了解更多"按钮镜像 ---- */
html[dir="rtl"] .more {
  text-align: right;
  padding: 12px 30px 12px 70px;
}
html[dir="rtl"] .more::after {
  right: auto;
  left: 15px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}