/* Adrop — Persian RTL overrides */

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap');

html[dir="rtl"] body,
html[dir="rtl"] {
    font-family: 'Vazirmatn', 'Open Sans', system-ui, sans-serif;
}

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

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

html[dir="rtl"] .known-as-wrapper {
    direction: rtl;
}

html[dir="rtl"] #display-name {
    direction: ltr;
    text-align: right;
}

html[dir="rtl"] .discovery-wrapper .badge {
    margin-inline: 0.25rem;
}

html[dir="rtl"] x-toast {
    direction: rtl;
}

html[dir="rtl"] .dialog-title,
html[dir="rtl"] h2,
html[dir="rtl"] h3 {
    text-align: center;
}

html[dir="rtl"] #websocket-fallback {
    direction: rtl;
    color: var(--warning-color, #e65100);
    font-weight: 500;
    padding: 0.5rem 1rem;
    max-width: 32rem;
    margin: 0 auto;
}

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

html[dir="rtl"] x-peer .progress-text {
    direction: ltr;
}

html[dir="rtl"] .pair-key,
html[dir="rtl"] .room-id,
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="number"] {
    direction: ltr;
    text-align: center;
}

html[dir="rtl"] .icon-button {
    margin-inline: 0.15rem;
}

html[dir="rtl"] footer .title-wrapper {
    direction: ltr;
}