/* ============================================
   RTL (Right-to-Left) Support — Arabic & Urdu
   ============================================ */

body.rtl {
    direction: rtl;
    text-align: right;
}

/* ---- General Flips ---- */
body.rtl .top-bar {
    flex-direction: row-reverse;
}

body.rtl .top-bar .brand {
    text-align: right;
}

body.rtl .top-bar-icons {
    flex-direction: row-reverse;
}

/* ---- Quick Actions Grid ---- */
body.rtl .quick-actions {
    direction: rtl;
}

/* ---- Cards ---- */
body.rtl .glass-card,
body.rtl .info-card,
body.rtl .stat-card {
    text-align: right;
}

/* ---- Forms ---- */
body.rtl input,
body.rtl textarea,
body.rtl select {
    text-align: right;
    direction: rtl;
}

body.rtl .input-group i {
    left: auto;
    right: 16px;
}

body.rtl .input-group input,
body.rtl .input-group textarea {
    padding-left: 16px;
    padding-right: 46px;
}

/* ---- Auth Pages ---- */
body.rtl .auth-header {
    text-align: right;
}

body.rtl .auth-footer {
    text-align: right;
}

/* ---- Withdrawal Feed ---- */
body.rtl .feed-item {
    flex-direction: row-reverse;
    text-align: right;
}

body.rtl .feed-item .feed-amount {
    text-align: left;
}

/* ---- Profile Page ---- */
body.rtl .profile-header {
    text-align: right;
}

body.rtl .profile-menu-item {
    flex-direction: row-reverse;
}

body.rtl .profile-menu-item i.fa-chevron-right {
    transform: rotate(180deg);
}

body.rtl .profile-menu-item .menu-icon {
    margin-right: 0;
    margin-left: 14px;
}

body.rtl .profile-stat {
    text-align: right;
}

/* ---- Settings Page ---- */
body.rtl .settings-item {
    flex-direction: row-reverse;
}

body.rtl .settings-item i.fa-chevron-right {
    transform: rotate(180deg);
}

/* ---- Order Cards ---- */
body.rtl .order-card {
    text-align: right;
}

body.rtl .order-card .order-meta {
    flex-direction: row-reverse;
}

body.rtl .order-row {
    flex-direction: row-reverse;
}

/* ---- VIP Tabs ---- */
body.rtl .vip-tabs {
    flex-direction: row-reverse;
}

/* ---- Balance Tabs ---- */
body.rtl .balance-tabs {
    flex-direction: row-reverse;
}

/* ---- Chat ---- */
body.rtl .chat-message.sent {
    align-self: flex-start;
}

body.rtl .chat-message.received {
    align-self: flex-end;
}

body.rtl .chat-input-area {
    flex-direction: row-reverse;
}

body.rtl .chat-input-area input {
    text-align: right;
}

/* ---- Navbar ---- */
body.rtl .bottom-nav {
    flex-direction: row-reverse;
}

/* ---- Announcement Banner ---- */
body.rtl .announcement-banner {
    flex-direction: row-reverse;
}

body.rtl .announcement-banner i {
    margin-right: 0;
    margin-left: 8px;
}

/* ---- Deposit / Withdrawal ---- */
body.rtl .deposit-info,
body.rtl .withdrawal-info {
    text-align: right;
}

/* ---- FAQ Accordion ---- */
body.rtl .faq-item .faq-question {
    flex-direction: row-reverse;
    text-align: right;
}

body.rtl .faq-item .faq-question i {
    margin-left: 0;
    margin-right: auto;
}

body.rtl .faq-answer {
    text-align: right;
}

/* ---- Invitation Page ---- */
body.rtl .invite-steps .step {
    flex-direction: row-reverse;
    text-align: right;
}

body.rtl .invite-steps .step-number {
    margin-right: 0;
    margin-left: 14px;
}

/* ---- About / Terms / Content Pages ---- */
body.rtl .content-section {
    text-align: right;
}

/* ---- Language Modal ---- */
body.rtl .lang-modal {
    text-align: right;
}

body.rtl .lang-item {
    flex-direction: row-reverse;
}

body.rtl .lang-item .fa-check {
    margin-left: 0;
    margin-right: auto;
}

/* ---- Hero Banners Swiper ---- */
body.rtl .hero-banners {
    direction: ltr; /* keep swiper LTR */
}

/* ---- Misc ---- */
body.rtl .badge {
    margin-left: 0;
    margin-right: 6px;
}

body.rtl .back-btn {
    transform: scaleX(-1);
}

body.rtl .page-title {
    text-align: right;
}