/* ================================================================
   Arabic RTL overlay — loaded ONLY by /arabic/ templates
   Added: 2026-11-04
   Strategy: overlay only. base.css / index.css / price.css 等共用样式
   一行不改，所有修正都限定在 html[dir="rtl"] 下，英文与其余四语零影响。
   删除本文件并从模板移除 <link> + dir="rtl" 即完整回滚。
   ================================================================ */

/* ---------- 0. base direction ---------- */
html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: right;
}

/* ---------- 1. header ---------- */
/* 语言切换保持固定顺序（EN 在左），JS 滑块按物理偏移计算，故容器锁 LTR */
html[dir="rtl"] .lang-switch {
    direction: ltr;
}

/* 导航下划线：从阅读起点（右侧）展开 */
html[dir="rtl"] .nav_border_hover::before {
    left: 0;
    right: auto;
}

/* 项目下拉：居中锚点镜像 */
html[dir="rtl"] .header_inner nav ul li.has-project .project-wrap {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

/* ---------- 2. text alignment ---------- */
html[dir="rtl"] .h3_tit02,
html[dir="rtl"] .tb03 th,
html[dir="rtl"] .tb03 td,
html[dir="rtl"] .doc-intro-content,
html[dir="rtl"] .disinfect-intro p,
html[dir="rtl"] .disinfect-intro h3,
html[dir="rtl"] footer,
html[dir="rtl"] .footer_info_overview,
html[dir="rtl"] .access_info_box_text {
    text-align: right;
}

/* 价格列贴外侧（左），与 LTR 下贴右侧互为镜像 */
html[dir="rtl"] .tb03_price,
html[dir="rtl"] .price_box .tb03 td:last-child {
    text-align: left;
}

/* ---------- 3. decorative accents ---------- */
html[dir="rtl"] .h3_tit02::before {
    left: auto;
    right: 0.4rem;
}

html[dir="rtl"] .side_contents_box::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .side_contents_bg::before {
    left: auto;
    right: calc(1200px - 38rem);
}

html[dir="rtl"] .flow_list_box .flow_list_img:before {
    right: auto;
    left: -24px;
}

/* ---------- 4. spacing mirrors (图文间距) ---------- */
/* 仅桌面：移动端 index.css 把这两个块的 margin 改成 auto 居中，
   此处若继续追加 margin-right 会与 width:100% 相加造成横向溢出 */
@media screen and (min-width: 769px) {
    html[dir="rtl"] .about-intro {
        margin-left: 0;
        margin-right: 6%;
    }

    html[dir="rtl"] .doctor-content {
        margin-left: 0;
        margin-right: 10%;
    }
}

html[dir="rtl"] .new-item-content {
    margin-left: 0;
    margin-right: 4%;
}

html[dir="rtl"] .new-item-content time {
    margin-left: 0;
    margin-right: 4%;
}

/* ---------- 5. sidebar address / price list ---------- */
html[dir="rtl"] .side_contents_list li {
    padding-left: 0;
    padding-right: 2rem;
}

html[dir="rtl"] .side_contents_list li::before,
html[dir="rtl"] .side_contents_list li::after {
    left: auto;
    right: 0.2rem;
}

html[dir="rtl"] .side_contents_list li a {
    left: 0;
    right: 0;
}

html[dir="rtl"] .side_contents_list li a::after {
    right: auto;
    left: 0;
}

html[dir="rtl"] .side_contents_list li a:hover,
html[dir="rtl"] .side_contents_list li.is-active a {
    left: 0;
    right: 0.6rem;
}

/* ---------- 6. footer ---------- */
html[dir="rtl"] .footer_info_overview_item dd {
    margin-left: 0;
    margin-right: 1%;
}

html[dir="rtl"] .footer_navi_list02 {
    margin-right: 0;
    margin-left: 4rem;
}

html[dir="rtl"] .footer_navi_list_sub {
    padding-left: 0;
    padding-right: 0.2rem;
}

html[dir="rtl"] .footer_navi_list02_inner > div::before {
    left: auto;
    right: 0;
    border-left: 0;
    border-right: 1px solid #CBD5E9;
}

html[dir="rtl"] .footer_navi ul li a,
html[dir="rtl"] .footer_navi_list_sub a,
html[dir="rtl"] .footer_bottom_nav li a {
    background-position: 0 100%;
}

html[dir="rtl"] .footer_navi ul li a:hover,
html[dir="rtl"] .footer_bottom_nav li a:hover {
    background-position: 100% 100%;
}

/* ---------- 7. breadcrumbs ---------- */
html[dir="rtl"] .crumbs li::after {
    margin-left: 0;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0.2rem;
}

html[dir="rtl"] .crumbs li:not(:first-child) {
    margin-left: 0;
    margin-right: 15px;
}

/* ---------- 8. dentist page ---------- */
html[dir="rtl"] .staff_s_box_name_t {
    padding-right: 0;
    padding-left: 0.9rem;
}

html[dir="rtl"] .staff_s_box_name_en {
    margin-left: 0;
    margin-right: 1.3rem;
}

html[dir="rtl"] .pagebtm_index_inner_list li {
    padding-right: 0;
    padding-left: 2rem;
}

html[dir="rtl"] .pagebtm_index_inner_list li a::before,
html[dir="rtl"] .pagebtm_index_inner_list li a::after {
    right: auto;
    left: 0;
}

html[dir="rtl"] .pagebtm_index_inner_list_text {
    left: auto;
    right: 0;
}

html[dir="rtl"] .pagebtm_index_inner_list li a:hover::before {
    right: 0;
    left: auto;
}

html[dir="rtl"] .pagebtm_index_inner_list li a:hover .pagebtm_index_inner_list_text {
    left: auto;
    right: 1rem;
}

html[dir="rtl"] .pagination a,
html[dir="rtl"] .pagination span {
    margin-right: 0;
    margin-left: 1.2rem;
}

/* ---------- 9. contact page ---------- */
html[dir="rtl"] .access_info_box_tel_time {
    padding-left: 0;
    padding-right: 21px;
}

html[dir="rtl"] .access_car_map_link_sub {
    padding-left: 0;
    padding-right: 0.7rem;
}

html[dir="rtl"] .access_mainimg_img02 {
    margin-left: 0;
    margin-right: auto;
}

/* ---------- 10. mobile / tablet 断点补齐 ---------- */
@media screen and (max-width: 768px) {
    html[dir="rtl"] .crumbs li::after {
        margin-right: 10px;
    }

    html[dir="rtl"] .crumbs li:not(:first-child) {
        margin-right: 10px;
    }

    html[dir="rtl"] .staff_s_box_name_en {
        margin-right: 15px;
    }

    html[dir="rtl"] .pagebtm_index_inner_list li {
        padding-left: 1%;
    }

    html[dir="rtl"] .pagination li {
        margin-right: 0;
        margin-left: 3%;
    }
}