/* Keep dates, amounts and currency together inside RTL UI. */
html[dir="rtl"] .listing-detail-grid .listing-title + p > strong,
html[dir="rtl"] .listing-detail-grid .listing-title + p > span.muted {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}

html[dir="rtl"] .balance-amount-big,
html[dir="rtl"] #balance-income-chart-value,
html[dir="rtl"] .balance-payout-table tbody td:nth-child(2),
html[dir="rtl"] .balance-payout-table tbody td:nth-child(4),
html[dir="rtl"] .balance-history-table tbody td:first-child,
html[dir="rtl"] .balance-history-table tbody td:nth-child(3),
html[dir="rtl"] .my-listings-view-list .my-listings-item-row > td:nth-child(2) {
  direction: ltr;
  unicode-bidi: isolate;
  text-align: right;
}

html[dir="rtl"] .balance-payout-table time {
  display: inline-block;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}

/* Mobile card labels remain Arabic while their numeric values read LTR. */
@media (max-width: 700px) {
  html[dir="rtl"] .balance-payout-table tbody td:nth-child(2)::before,
  html[dir="rtl"] .balance-payout-table tbody td:nth-child(4)::before,
  html[dir="rtl"] .balance-history-table tbody td:first-child::before,
  html[dir="rtl"] .balance-history-table tbody td:nth-child(3)::before,
  html[dir="rtl"] .my-listings-view-list .my-listings-item-row > td:nth-child(2)::before {
    direction: rtl;
    text-align: right;
  }
}