/* =========================================================
   RTL 样式（阿拉伯语 ar / 希伯来语 iw）
   由 header.php 在 rtl 语种下加载，并给 <body> 加 class="wb-rtl"

   为什么不用 <html dir="rtl">：
     主题的轮播用的是 Swiper，它会读 dir 属性自动进入 RTL 模式，
     而它的 translateX 计算与本主题的 float 布局冲突，首屏会整块空白。
     改成 CSS direction 控制后，Swiper 保持 LTR 正常滚动，
     文字方向仍由 body 的 direction:rtl 继承下去。
   ========================================================= */

body.wb-rtl {
	direction: rtl;
}

/* ---------- 1. 头部：沿用原版式（logo 左 / 导航中 / 语言右） ---------- */
body.wb-rtl .web_head,
body.wb-rtl .index_web_head,
body.wb-rtl .head_layout {
	direction: ltr;
}

/* ---------- 2. 轮播：保持 LTR，文字仍右到左 ---------- */
body.wb-rtl .swiper-slide {
	direction: rtl;
	text-align: right;
}

/* ---------- 3. 列表页：侧栏换到右边（1024px 以下侧栏隐藏，无需处理） ---------- */
@media only screen and (min-width: 1025px) {
	body.wb-rtl .aside {
		float: right;
	}

	body.wb-rtl .main {
		float: left;
	}
}

/* ---------- 4. 面包屑：箭头掉头，间距换边 ---------- */
body.wb-rtl .path_bar li {
	padding-left: 0;
	padding-right: 12px;
}

body.wb-rtl .path_bar li+li:before {
	border-right-width: 8px;
	border-left-width: 0;
}

/* ---------- 5. 分页：« » 需要镜像 ---------- */
body.wb-rtl .pages a.extend {
	display: inline-block;
	transform: scaleX(-1);
}

/* ---------- 6. 表格与页脚：主题里写死了左对齐 ---------- */
body.wb-rtl .entry th,
body.wb-rtl .entry td,
body.wb-rtl .main table th,
body.wb-rtl .main table td {
	text-align: right;
}

body.wb-rtl .page_footer_warp .page_foot_bottom {
	text-align: right;
}

/* ---------- 7. 正文列表：项目符号跟到右边 ---------- */
body.wb-rtl .entry ul,
body.wb-rtl .entry ol {
	padding-left: 0;
	padding-right: 40px;
}

/* ---------- 8. 右侧固定客服条：不跟随镜像 ---------- */
body.wb-rtl .right_nav {
	direction: ltr;
}

/* ---------- 9. 兜底：正文文字右对齐 ---------- */
body.wb-rtl .entry p,
body.wb-rtl .entry li,
body.wb-rtl .entry h1,
body.wb-rtl .entry h2,
body.wb-rtl .entry h3,
body.wb-rtl .entry h4,
body.wb-rtl .entry blockquote {
	text-align: right;
}