/**
 * ============================================================
 * 【阿拉伯语RTL样式 / Arabic RTL Styles】
 * 当语言切换为阿拉伯语(ar)时自动加载
 * 作用：将页面整体方向改为从右向左(RTL)
 * ============================================================
 *
 * @package Daotian
 * @since 1.0.0
 */

/* ---------------------------------------------------------
   1. 基础方向 / Base Direction
   --------------------------------------------------------- */
body {
    direction: rtl;
    text-align: right;
}

/* ---------------------------------------------------------
   2. 通用布局反转 / General Layout Reversal
   --------------------------------------------------------- */
.flex-jc-sb {
    justify-content: flex-start !important;
}

/* 反转flex方向 / Reverse flex direction for RTL */
.flex-ai-c,
.foot-list,
.advantage-list,
.product-category-header,
.news .container,
.contact-info {
    flex-direction: row-reverse;
}

/* ---------------------------------------------------------
   3. 导航栏 / Header & Navigation
   --------------------------------------------------------- */
.head-contact {
    flex-direction: row-reverse;
}

.head-contact p {
    margin-left: 0;
    margin-right: 15px;
}

/* 语言切换器 / Language Switcher - 下拉菜单方向 */
.lang-drop {
    right: auto;
    left: 0;
}

.lang-arrow {
    right: auto;
    left: 20px;
}

/* ---------------------------------------------------------
   4. 面包屑 / Breadcrumb
   --------------------------------------------------------- */
.breadcrumb ul li {
    float: right;
}

.breadcrumb ul li::after {
    content: "\2039"; /* 使用左箭头代替右箭头 / Use left arrow instead of right arrow */
}

.breadcrumb ul li:last-child::after {
    content: none;
}

/* ---------------------------------------------------------
   5. 产品列表 / Product Grid
   --------------------------------------------------------- */
.product-list {
    direction: rtl;
}

/* 分类标题边框 / Category header border */
.product-category-header h3 {
    padding-left: 0;
    padding-right: 12px;
    border-left: none;
    border-right: 3px solid #e8b830;
}

/* ---------------------------------------------------------
   6. 关于页面 / About Page
   --------------------------------------------------------- */
.about .container {
    display: flex;
    flex-direction: row-reverse;
}

/* 历史里程碑边框 / Milestone borders */
.about-r ul li {
    padding-left: 0;
    padding-right: 20px;
}

.about-r ul li::before {
    left: auto;
    right: 0;
}

/* ---------------------------------------------------------
   7. 页脚 / Footer
   --------------------------------------------------------- */
.foot-contact p strong {
    margin-left: 5px;
    margin-right: 0;
}

/* ---------------------------------------------------------
   8. 新闻列表 / News List
   --------------------------------------------------------- */
.news-item-data {
    margin-right: 0;
    margin-left: 15px;
}

/* 列表点 / List bullets */
.news-l ul li {
    padding-left: 0;
    padding-right: 20px;
}

.news-l ul li::before {
    left: auto;
    right: 0;
}

/* ---------------------------------------------------------
   9. 联系表单 / Contact Form
   --------------------------------------------------------- */
.contact-card {
    text-align: right;
}

/* ---------------------------------------------------------
   10. 返回顶部按钮 / Go to Top
   --------------------------------------------------------- */
.gotop {
    right: auto;
    left: 20px;
}

/* ---------------------------------------------------------
   11. 搜索框 / Search Box
   --------------------------------------------------------- */
.search-box .searchtxt {
    padding: 0 15px 0 40px;
}

.search-box .searchbtn {
    right: auto;
    left: 0;
    border-radius: 0 4px 4px 0;
}

/* ---------------------------------------------------------
   12. 移动端适配 / Mobile RTL Adjustments
   --------------------------------------------------------- */
@media (max-width: 768px) {
    .about .container {
        flex-direction: column;
    }

    .foot-list {
        flex-direction: column;
    }

    .mobile-bottom {
        direction: rtl;
    }
}