/* ------------------------------------------------------------------ * * Right-to-left overrides (Arabic). * dir="rtl" on already flips flex rows and default text * alignment; these rules fix elements with explicit left/right intent. * ------------------------------------------------------------------ */ [dir="rtl"] body, [dir="rtl"] main, [dir="rtl"] .container { text-align: right; } /* Language dropdown opens toward the inline-start edge. */ [dir="rtl"] .lang-menu { right: auto; left: 0; } /* Keep monetary / numeric values reading left-to-right inside RTL text. */ [dir="rtl"] .amount, [dir="rtl"] .amount-usd, [dir="rtl"] .funds-amount, [dir="rtl"] .funds-value, [dir="rtl"] .stat-value, [dir="rtl"] .price, [dir="rtl"] .quant-timer, [dir="rtl"] .lock-time, [dir="rtl"] .code-value, [dir="rtl"] .link-value, [dir="rtl"] .address-text, [dir="rtl"] .ths-value, [dir="rtl"] .detail-value { direction: ltr; unicode-bidi: embed; } /* Inputs and notes follow the reading direction. */ [dir="rtl"] .auth-field input, [dir="rtl"] .auth-field label, [dir="rtl"] .form-note { text-align: right; } [dir="rtl"] .auth-field input { direction: rtl; } /* Forms with numeric/address content stay LTR for legibility. */ [dir="rtl"] #w-address, [dir="rtl"] #w-amount, [dir="rtl"] #w-code, [dir="rtl"] #d-amount { direction: ltr; text-align: left; } /* Feature / activity icons sit on the inline-start side. */ [dir="rtl"] .feature-item span, [dir="rtl"] .activity-content, [dir="rtl"] .activity-detail-content { text-align: right; } /* Team table: header + cells realign for RTL. */ [dir="rtl"] .tc { text-align: left; } [dir="rtl"] .tc-id { text-align: right; } [dir="rtl"] .member-id, [dir="rtl"] .tc-amt, [dir="rtl"] .tc-profit, [dir="rtl"] .tc-comm { direction: ltr; } /* Telegram banner arrow points the other way. */ [dir="rtl"] .telegram-arrow { transform: scaleX(-1); } /* Rebate / list bullets align to the start. */ [dir="rtl"] .rebate-list { padding-right: 0; } /* Section "More ›" chevron flips. */ [dir="rtl"] .more-link .fa-chevron-right { transform: scaleX(-1); }