/**
 * Language toggle only — layout stays LTR (same design FR/AR).
 */
.site-lang-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 34px;
    padding: 0 10px;
    margin-right: 6px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background: #fff;
    color: #1a1a1a;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.site-lang-toggle:hover {
    border-color: #d4a574;
    color: #d4a574;
}

/* Force same layout in Arabic — translate text only */
html[lang="ar"],
html[lang="ar"] body {
    direction: ltr !important;
}

@media (max-width: 900px) {
    .site-lang-toggle {
        min-width: 38px;
        height: 32px;
        font-size: 11px;
    }
}