/* ── Redgate i18n Switcher & RTL 样式 ── */

/* 语言切换按钮 */
#rs-lang-switcher {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99999;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

#rs-lang-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border: none;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
    transition: background .2s;
}

#rs-lang-btn:hover {
    background: rgba(0, 0, 0, 0.9);
}

#rs-lang-btn svg {
    flex-shrink: 0;
}

/* 下拉菜单 */
#rs-lang-dropdown {
    display: none;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 0;
    min-width: 140px;
    max-height: 320px;
    overflow-y: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    padding: 6px 0;
}

#rs-lang-switcher.open #rs-lang-dropdown {
    display: block;
    animation: rs-lang-fadein .15s ease;
}

@keyframes rs-lang-fadein {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

#rs-lang-dropdown a {
    display: block;
    padding: 8px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: background .15s;
}

#rs-lang-dropdown a:hover {
    background: #f5f5f5;
}

#rs-lang-dropdown a.active {
    color: #4f46e5;
    font-weight: 600;
    background: #eef2ff;
}

/* ── RTL Support ── */
.rs-rtl #rs-lang-switcher {
    left: auto;
    right: 20px;
}

.rs-rtl #rs-lang-dropdown {
    left: auto;
    right: 0;
}

/* RTL 通用布局翻转 */
.rs-rtl .rs-page-nav .nav-item,
.rs-rtl .rs-shortcut-list {
    direction: rtl;
}

.rs-rtl .fa-chevron-right::before {
    content: "\f053"; /* chevron-left */
}

/* RTL text align */
.rs-rtl .text-start,
.rs-rtl .rs-section-title,
.rs-rtl .rs-faq-content {
    text-align: right;
}

/* RTL flex direction */
.rs-rtl .rs-hero-actions,
.rs-rtl .rs-download-btns {
    flex-direction: row-reverse;
}

/* 移动端适配 */
@media (max-width: 768px) {
    #rs-lang-switcher {
        bottom: 12px;
        left: 12px;
    }

    .rs-rtl #rs-lang-switcher {
        left: auto;
        right: 12px;
    }

    #rs-lang-btn {
        padding: 6px 10px;
        font-size: 12px;
    }

    #rs-lang-dropdown {
        min-width: 120px;
    }
}