/* ========================================
   RTL (Right-to-Left) Support – Arabic
   ======================================== */

/* Global RTL direction */
html[dir="rtl"] body,
body.rtl {
    direction: rtl;
    text-align: right;
}

/* ── Auth screens ───────────────────────── */
body.rtl .auth-container {
    text-align: right;
}
body.rtl .auth-form .input-group {
    text-align: right;
}
body.rtl .auth-form input {
    text-align: right;
}
body.rtl .forgot-password-row {
    text-align: left;
}
body.rtl .back-btn {
    right: auto;
    left: 16px;
    transform: scaleX(-1);
}

/* ── Navigation ────────────────────────── */
body.rtl .app-nav {
    direction: rtl;
}

/* ── Chat ──────────────────────────────── */
body.rtl .chat-hdr {
    direction: rtl;
}
body.rtl .chat-hdr-back {
    transform: scaleX(-1);
}
body.rtl .chat-hdr-partner {
    flex-direction: row-reverse;
}
body.rtl .chat-hdr-partner-text {
    text-align: right;
}
body.rtl .message.sent {
    flex-direction: row-reverse;
}
body.rtl .message.sent .message-bubble {
    border-radius: 18px 4px 18px 18px;
}
body.rtl .message.received .message-bubble {
    border-radius: 4px 18px 18px 18px;
}
body.rtl .chat-input-field {
    direction: rtl;
}
body.rtl .chat-input-field input {
    text-align: right;
}
body.rtl .chat-action-buttons {
    direction: rtl;
}
body.rtl .chat-input-footer {
    direction: rtl;
}
body.rtl .chat-hdr-dropdown {
    right: auto;
    left: 12px;
}

/* ── Chat tabs ──────────────────────────── */
body.rtl .chat-tabs {
    direction: rtl;
}

/* ── Messages ──────────────────────────── */
body.rtl .message {
    direction: rtl;
}
body.rtl .message-time {
    text-align: left;
}

/* ── Profile Setup ─────────────────────── */
body.rtl .profile-setup-container {
    text-align: right;
}
body.rtl .setup-form input,
body.rtl .setup-form textarea {
    text-align: right;
}
body.rtl .setup-gender-row {
    direction: rtl;
}
body.rtl .setup-actions {
    direction: rtl;
}
body.rtl .setup-btn-primary svg {
    transform: scaleX(-1);
}

/* ── Profile Screen ─────────────────────── */
body.rtl .pv2-content {
    text-align: right;
}
body.rtl .pv2-form input,
body.rtl .pv2-form textarea {
    text-align: right;
}
body.rtl .pv2-menu-row {
    direction: rtl;
}
body.rtl .pv2-menu-chevron {
    transform: scaleX(-1);
}
body.rtl .pv2-identity {
    direction: rtl;
}
body.rtl .pv2-hero-change {
    right: auto;
    left: 12px;
}

/* ── Settings ──────────────────────────── */
body.rtl .settings-container {
    text-align: right;
}
body.rtl .setting-item {
    direction: rtl;
}
body.rtl .setting-info {
    direction: rtl;
}
body.rtl .radio-content {
    direction: rtl;
}
body.rtl .profile-header {
    direction: rtl;
}
body.rtl .profile-header .back-btn {
    right: auto;
    left: 16px;
    transform: scaleX(-1);
}

/* ── Credits Store ─────────────────────── */
body.rtl .store-header {
    direction: rtl;
}
body.rtl .store-container {
    text-align: right;
}
body.rtl .store-footer p {
    text-align: right;
}

/* ── Quiz ──────────────────────────────── */
body.rtl .quiz-header {
    direction: rtl;
}
body.rtl .quiz-back-btn {
    transform: scaleX(-1);
}
body.rtl .quiz-content {
    text-align: right;
}

/* ── Landing ────────────────────────────── */
body.rtl .profile-landing-wrap {
    text-align: right;
}
body.rtl .landing-stats-row {
    direction: rtl;
}

/* ── Reveal & Decide ─────────────────── */
body.rtl .rd-header {
    direction: rtl;
}
body.rtl .rd-back-btn {
    transform: scaleX(-1);
}
body.rtl .rd-profiles-bar {
    direction: rtl;
}
body.rtl .rd-question-card {
    text-align: right;
}
body.rtl .rd-partner-row {
    direction: rtl;
}

/* ── Lucky Wheel ─────────────────────── */
body.rtl .lwm-panel {
    text-align: right;
}
body.rtl .lwm-close {
    right: auto;
    left: 12px;
}

/* ── Modals & Popups ─────────────────── */
body.rtl .popup-content {
    text-align: right;
}
body.rtl .modal-actions {
    direction: rtl;
}
body.rtl .warning-box ul {
    padding-right: 20px;
    padding-left: 0;
}

/* ── Friends Feed ────────────────────── */
body.rtl .friends-page-body {
    direction: rtl;
}

/* ── Profile Card Modal ────────────────── */
body.rtl .pc-topbar {
    direction: rtl;
}
body.rtl .pc-topbar-back {
    transform: scaleX(-1);
}

/* ── Auth Modal ────────────────────────── */
body.rtl .aum-sheet {
    text-align: right;
}
body.rtl .aum-form input {
    text-align: right;
}
body.rtl .aum-tabs {
    direction: rtl;
}

/* ── Onboarding / Tutorial ──────────── */
body.rtl .onb-panel {
    text-align: right;
}

/* ── Card Modal ─────────────────────── */
body.rtl .card-modal-header {
    direction: rtl;
}
body.rtl .card-modal-body {
    direction: rtl;
    text-align: right;
}
body.rtl .card-modal-back {
    transform: scaleX(-1);
}

/* ── Friend Profile Modal ──────────── */
body.rtl .fpm-back-btn {
    transform: scaleX(-1);
}
body.rtl .fpm-body {
    text-align: right;
}

/* ── Notification & Verification ──── */
body.rtl .verification-icon {
    text-align: center;
}

/* ── Language Selector ─────────────── */
body.rtl .lang-selector-list {
    text-align: right;
}

/* ── General helpers ─────────────────── */
body.rtl [class*="-chevron"] {
    transform: scaleX(-1);
}
