/* ============================================
   RTL 覆盖样式 - 阿拉伯语版本专用
   作用：将英文站 LTR 布局反转为 RTL
   ============================================ */

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

/* ========== 顶部 Header 区域 ========== */
html[dir="rtl"] .one-half {
    float: left !important;
    width: 49% !important;
    min-height: 60px;
}
html[dir="rtl"] .column-last {
    float: right !important;
}
html[dir="rtl"] #logo {
    float: left !important;
    margin-right: 0 !important;
    margin-left: 15px !important;
    margin-bottom: 10px;
}

/* header 和导航栏之间的间距，确保不重叠且高度合适 */
html[dir="rtl"] #navbar {
    margin-top: 10px !important;
    clear: both !important;
}

/* ========== 导航栏：和英文版布局一致，文字方向 RTL ========== */
html[dir="rtl"] #navlist {
    direction: ltr;  /* 导航布局保持 LTR，从左到右排 */
}
html[dir="rtl"] #navlist > li {
    float: left !important;  /* 导航菜单从左边开始排 */
}
html[dir="rtl"] #navlist > li > a {
    text-align: right;  /* 阿拉伯语文字右对齐 */
}

/* 搜索框保持 float:right，在最右边 */
html[dir="rtl"] #navlist > li[style*="float:right"] {
    float: right !important;
}

/* 下拉子菜单：默认隐藏，hover 才显示 */
html[dir="rtl"] .ddsubmenustyle {
    right: auto !important;
    left: 0 !important;
    text-align: right;
    display: none !important;
}
html[dir="rtl"] li:hover > .ddsubmenustyle {
    display: block !important;
}

/* 搜索框容器 li（覆盖内联样式 float:right） */
html[dir="rtl"] #navlist > li[style*="float:right"] {
    float: left !important;
}
/* 搜索框内部：input 和 button 保持原来的 float:left（水平排列） */
html[dir="rtl"] #top1_s {
    float: left !important;
    border-radius: 3px 0 0 3px !important;
}
html[dir="rtl"] #top1_search_submit {
    float: left !important;
    border-radius: 0 3px 3px 0 !important;
}

/* 语言切换器：保持 float:right，在搜索框左边 */
html[dir="rtl"] .lang-switch-wrap {
    float: right !important;
}
/* Languages 按钮所在的 li 也保持 float:right */
html[dir="rtl"] #navlist > li.lang-switch {
    float: right !important;
}

/* ========== 面包屑 ========== */
html[dir="rtl"] .breadcrumb .divider1 {
    transform: scaleX(-1);
    display: inline-block;
}
html[dir="rtl"] .breadcrumb a {
    direction: rtl;
}

/* ========== 产品列表区：保持和英文版一样的布局，只改文字方向 ========== */
html[dir="rtl"] .left_products_list {
    text-align: right;
}
html[dir="rtl"] .pro_list1,
html[dir="rtl"] .pro_list2,
html[dir="rtl"] .pro_list3 {
    text-align: right;
}

/* 产品详情页：保持原布局，只改文字方向 */
html[dir="rtl"] .contact_mas {
    text-align: right;
}

/* 产品列表：图片和文字保持原布局 */
    margin-left: 15px !important;
    margin-right: 0 !important;
}
html[dir="rtl"] .pro_main_wrap {
    text-align: right;
}

/* 按钮：Inquiry / more */
html[dir="rtl"] .btn_wrap .pro_btn {
    text-align: right;
}
html[dir="rtl"] .btn_wrap .z_more,
html[dir="rtl"] .btn_wrap .inquiry {
    float: right !important;
    margin-left: 8px !important;
    margin-right: 0 !important;
}

/* ========== 底部 footer ========== */
html[dir="rtl"] #footer-top .one-fourth {
    float: right !important;
}
html[dir="rtl"] #footer-top .column-last {
    float: left !important;
}
html[dir="rtl"] .widget {
    text-align: right;
}

/* Infobox 区域 */
html[dir="rtl"] .infobox .button.large {
    float: right !important;
    margin-left: 20px !important;
    margin-right: 0 !important;
}
html[dir="rtl"] .infobox .with-button {
    text-align: right;
}

/* 热门产品滚动条按钮 */
html[dir="rtl"] .LeftBotton {
    float: right !important;
}
html[dir="rtl"] .RightBotton {
    float: left !important;
}

/* 表格对齐 */
html[dir="rtl"] table {
    text-align: right;
}
html[dir="rtl"] table td {
    text-align: right;
}

/* 幻灯片入口 */
html[dir="rtl"] .latest-posts .entry {
    text-align: right;
}

/* ========== Banner 轮播区 ========== */
/* 轮播区域保持 LTR 方向，否则 scrollLeft 逻辑会错位 */
html[dir="rtl"] #bd1lfimg {
    direction: ltr !important;
}

/* 热门产品横向滚动轮播：保持 LTR 方向 */
html[dir="rtl"] .rollBox,
html[dir="rtl"] #ISL_Cont,
html[dir="rtl"] .ScrCont {
    direction: ltr !important;
}

/* 容器方向 */
html[dir="rtl"] .container {
    direction: rtl;
}

/* 联系方式图标 */
html[dir="rtl"] .contact-info p {
    padding-right: 23px !important;
    padding-left: 0 !important;
    background-position: right 0.083em !important;
}

/* 下拉菜单层级 */
html[dir="rtl"] .sub1menu {
    text-align: right;
}

/* ========== 移动端汉堡菜单按钮位置 ========== */
html[dir="rtl"] #nav-tog,
html[dir="rtl"] .menu-toggle {
    float: left !important;
}

/* ========== 幻灯片轮播区 ========== */
/* 暂时注释掉，排查 banner 不显示的问题
html[dir="rtl"] .sub_box {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] #bd1lfimg dl {
    text-align: right;
}
html[dir="rtl"] #bd1lfimg dt {
    float: right !important;
}
html[dir="rtl"] #bd1lfimg dd {
    text-align: right;
}
html[dir="rtl"] .banner-cta {
    float: right !important;
}
*/

/* ========== 产品列表区 ========== */
html[dir="rtl"] .slurry {
    direction: rtl;
}
html[dir="rtl"] .slurry h2 {
    text-align: right;
}
html[dir="rtl"] .slurry .more {
    float: left !important;
}
html[dir="rtl"] .project-carousel .entry {
    text-align: right;
}
html[dir="rtl"] .entry-image {
    float: right !important;
    margin-left: 15px !important;
    margin-right: 0 !important;
}

/* ========== 下拉菜单默认隐藏，hover 显示 ========== */
html[dir="rtl"] .ddsubmenustyle {
    display: none;
}
html[dir="rtl"] li:hover > .ddsubmenustyle {
    display: block;
}

/* ========== Infobox 公司介绍区 ========== */
html[dir="rtl"] .infobox {
    direction: rtl;
    text-align: right;
}
html[dir="rtl"] .infobox p,
html[dir="rtl"] .infobox h2 {
    text-align: right;
}
