/**
 * RTL (Right-to-Left) 语言支持样式
 * 用于阿拉伯语、乌尔都语等从右到左书写的语言
 */

/* 基本RTL方向设置 */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* 导航菜单 RTL 支持 */
html[dir="rtl"] .nav-container {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav-logo {
    margin-right: 0;
    margin-left: 20px;
}

html[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

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

html[dir="rtl"] .dropdown-arrow {
    margin-left: 0;
    margin-right: 5px;
}

/* 语言切换器 RTL 支持 */
html[dir="rtl"] .language-current {
    flex-direction: row-reverse;
}

html[dir="rtl"] .language-option {
    flex-direction: row-reverse;
}

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

/* 英雄区域 RTL 支持 */
html[dir="rtl"] .hero-content {
    text-align: right;
}

html[dir="rtl"] .hero-buttons {
    flex-direction: row-reverse;
}

/* 新风系统演示 RTL 支持 */
html[dir="rtl"] .season-selector {
    flex-direction: row-reverse;
}

html[dir="rtl"] .air-path-line {
    transform: scaleX(-1);
}

html[dir="rtl"] .outdoor-air,
html[dir="rtl"] .indoor-air,
html[dir="rtl"] .treated-air,
html[dir="rtl"] .exhaust-air {
    text-align: right;
}

html[dir="rtl"] .season-info {
    text-align: right;
}

/* 工作原理说明 RTL 支持 */
html[dir="rtl"] .explanation-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .step-content {
    text-align: right;
}

/* 产品特点 RTL 支持 */
html[dir="rtl"] .feature-item {
    text-align: right;
}

/* 应用场景 RTL 支持 */
html[dir="rtl"] .application-item {
    text-align: right;
}

/* 页脚 RTL 支持 */
html[dir="rtl"] .footer-content {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-section {
    text-align: right;
}

html[dir="rtl"] .footer-bottom {
    text-align: right;
}

/* 图标和符号 RTL 支持 */
html[dir="rtl"] .feature-icon {
    margin-right: 0;
    margin-left: 10px;
}

/* 列表项 RTL 支持 */
html[dir="rtl"] ul {
    padding-right: 20px;
    padding-left: 0;
}

/* 浮动元素 RTL 支持 */
html[dir="rtl"] .float-left {
    float: right;
}

html[dir="rtl"] .float-right {
    float: left;
}

/* 文本对齐 RTL 支持 */
html[dir="rtl"] .text-left {
    text-align: right;
}

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

/* 边距和填充 RTL 支持 */
html[dir="rtl"] .ml-1, html[dir="rtl"] .ml-2, html[dir="rtl"] .ml-3, html[dir="rtl"] .ml-4, html[dir="rtl"] .ml-5 {
    margin-left: 0;
}

html[dir="rtl"] .ml-1 { margin-right: 0.25rem; }
html[dir="rtl"] .ml-2 { margin-right: 0.5rem; }
html[dir="rtl"] .ml-3 { margin-right: 1rem; }
html[dir="rtl"] .ml-4 { margin-right: 1.5rem; }
html[dir="rtl"] .ml-5 { margin-right: 3rem; }

html[dir="rtl"] .mr-1, html[dir="rtl"] .mr-2, html[dir="rtl"] .mr-3, html[dir="rtl"] .mr-4, html[dir="rtl"] .mr-5 {
    margin-right: 0;
}

html[dir="rtl"] .mr-1 { margin-left: 0.25rem; }
html[dir="rtl"] .mr-2 { margin-left: 0.5rem; }
html[dir="rtl"] .mr-3 { margin-left: 1rem; }
html[dir="rtl"] .mr-4 { margin-left: 1.5rem; }
html[dir="rtl"] .mr-5 { margin-left: 3rem; }

html[dir="rtl"] .pl-1, html[dir="rtl"] .pl-2, html[dir="rtl"] .pl-3, html[dir="rtl"] .pl-4, html[dir="rtl"] .pl-5 {
    padding-left: 0;
}

html[dir="rtl"] .pl-1 { padding-right: 0.25rem; }
html[dir="rtl"] .pl-2 { padding-right: 0.5rem; }
html[dir="rtl"] .pl-3 { padding-right: 1rem; }
html[dir="rtl"] .pl-4 { padding-right: 1.5rem; }
html[dir="rtl"] .pl-5 { padding-right: 3rem; }

html[dir="rtl"] .pr-1, html[dir="rtl"] .pr-2, html[dir="rtl"] .pr-3, html[dir="rtl"] .pr-4, html[dir="rtl"] .pr-5 {
    padding-right: 0;
}

html[dir="rtl"] .pr-1 { padding-left: 0.25rem; }
html[dir="rtl"] .pr-2 { padding-left: 0.5rem; }
html[dir="rtl"] .pr-3 { padding-left: 1rem; }
html[dir="rtl"] .pr-4 { padding-left: 1.5rem; }
html[dir="rtl"] .pr-5 { padding-left: 3rem; }

/* 边框 RTL 支持 */
html[dir="rtl"] .border-left {
    border-left: none;
    border-right: 1px solid;
}

html[dir="rtl"] .border-right {
    border-right: none;
    border-left: 1px solid;
}

/* 表单元素 RTL 支持 */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] textarea {
    text-align: right;
}

html[dir="rtl"] .input-group-prepend {
    border-radius: 0 4px 4px 0;
}

html[dir="rtl"] .input-group-append {
    border-radius: 4px 0 0 4px;
}

/* 弹出框和模态框 RTL 支持 */
html[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

html[dir="rtl"] .modal-footer {
    flex-direction: row-reverse;
}

/* 语言切换提示 RTL 支持 */
html[dir="rtl"] .language-switch-prompt {
    left: 20px;
    right: auto;
}

html[dir="rtl"] .prompt-buttons {
    flex-direction: row-reverse;
}

/* 响应式设计 RTL 支持 */
@media (max-width: 768px) {
    html[dir="rtl"] .nav-menu {
        left: auto;
        right: -100%;
    }
    
    html[dir="rtl"] .nav-menu.active {
        left: auto;
        right: 0;
    }
    
    html[dir="rtl"] .menu-toggle {
        right: auto;
        left: 20px;
    }
}