/*!
 * demo_rtl 主题级 RTL 精修样式
 * 在系统通用 rtl.css（已对 body 设 direction:rtl，使 flex 容器与 Swiper 自动从右到左）的基础上，
 * 针对 demo 主题的真实类名（style.css：.header/.nav/.nav_left/.nav_menu/.footer 等）做精修。
 * 全部规则限定在 html[dir="rtl"] 下，故即使在 LTR 语言安装本主题也不会产生副作用。
 */

/* ---------- 头部导航 ----------
 * .header .nav 为 flex space-between，body{direction:rtl} 下自动左右互换（logo→右、搜索→左）。
 * .nav_left / .nav_menu 写了无效的 justify-content:left，显式纠正为 flex-start（RTL 下即靠右起排）。 */
html[dir="rtl"] .header .nav_left,
html[dir="rtl"] .header .nav_menu {
    justify-content: flex-start;
}
/* 菜单项间距镜像：原 margin-right:78px → RTL 改 margin-left */
html[dir="rtl"] .header .nav_menu li {
    margin-right: 0;
    margin-left: 78px;
}
html[dir="rtl"] .header .nav_menu li:last-child {
    margin-left: 0;
}
/* 搜索框间距镜像：原 margin-right:20px → margin-left */
html[dir="rtl"] .nav_right .search-input {
    margin-right: 0;
    margin-left: 20px;
    text-align: right;
}

/* ---------- 页脚 ----------
 * .footer_top / .bottom 为 flex space-between，自动反向；仅镜像内部间距与文字方向。 */
html[dir="rtl"] .center,
html[dir="rtl"] .footer_top,
html[dir="rtl"] .footer_top .footer_center,
html[dir="rtl"] .bottom {
    text-align: right;
}
/* footer_left 文案旁标的间距镜像：原 margin-left:10px → margin-right */
html[dir="rtl"] .footer_top .footer_left span {
    margin-left: 0;
    margin-right: 10px;
}

/* ---------- 列表 / 详情 / 面包屑 ----------
 * 这些区块以文字流为主，方向交给 direction:rtl + 右对齐即可（覆盖 news.css/product.css 常见容器）。 */
html[dir="rtl"] .crumb,
html[dir="rtl"] .breadcrumb,
html[dir="rtl"] .news_list,
html[dir="rtl"] .news_info,
html[dir="rtl"] .product_list,
html[dir="rtl"] .product_info {
    text-align: right;
}

/* ---------- Swiper / layui 轮播 ----------
 * Swiper 由系统 rtl.css 对 .swiper 设 direction:rtl 后自动启用 RTL（按容器方向检测），此处无需额外处理。
 * 表单输入对齐与电话/数字 LTR 例外均由全局 rtl.css 统一处理。 */