/* rtl.css — Persian (fa) right-to-left overrides.
   Appended on fa pages only (linked after main.css/inner-page.css).
   Targets the finite set of physical-direction rules that affect layout.
   Decorative animation keyframes (shimmer) are intentionally left untouched. */

/* Base direction + Persian-friendly font stack (system Persian fonts first) */
html[dir="rtl"] body,
[dir="rtl"] {
  font-family: 'Vazirmatn', 'IBM Plex Sans', Tahoma, 'Segoe UI', sans-serif;
}

/* Latin tickers (BTC, ETH, USDT...) are strong-LTR and render correctly inside
   RTL Persian prose via the Unicode bidi algorithm — no wrapping needed. */

/* --- nav language dropdown: anchored to the left edge in RTL --- */
[dir="rtl"] .ss-lang-drop { right: auto; left: 0; }

/* --- list bullets: arrow on the right, padding on the right --- */
[dir="rtl"] .ss-about-text ul li { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .ss-about-text ul li::before {
  content: '←';            /* arrow points into the text flow (leftward in RTL) */
  left: auto; right: 0;
}

/* --- pair-icon overlap flips --- */
[dir="rtl"] .ss-pair-icons img:last-child { margin-left: 0; margin-right: -8px; }

/* --- caret auto-margins flip to the opposite side --- */
[dir="rtl"] .ss-coin-caret,
[dir="rtl"] .ss2-coin-caret { margin-left: 0; margin-right: auto; }

/* --- wallet input / QR button --- */
[dir="rtl"] .ss-wallet-wrap .ss-wallet-input { padding-right: 0; padding-left: 46px; }
[dir="rtl"] .ss-qr-btn { right: auto; left: 8px; }

/* --- value rows align to the left edge in RTL --- */
[dir="rtl"] .ss2-row-v { text-align: left; }

/* --- support-more spacing flips --- */
[dir="rtl"] .ss-support-more { margin-left: 0; margin-right: 8px; }
@media (max-width: 640px) {
  [dir="rtl"] .ss-support-more { margin-right: 0; }
}

/* --- H1 inline sub-badge + robot glyph spacing flip --- */
[dir="rtl"] .ss-h1 .ss-h1-sub-inline { margin-left: 0; margin-right: 6px; }
[dir="rtl"] .ss-h1 .ss-robot-inline { margin-left: 4px; margin-right: 16px; }

/* --- breadcrumb separators read naturally R-to-L; tables: header cells --- */
[dir="rtl"] table { direction: rtl; }
[dir="rtl"] th, [dir="rtl"] td { text-align: right; }
[dir="rtl"] th:last-child, [dir="rtl"] td:last-child { text-align: left; }

/* --- generic arrow glyphs that imply "forward" stay LTR-neutral in labels;
       pair-label arrows were converted to the word 'به' at render time --- */