/* Right-to-left overrides (Arabic). Loaded only when the page language is right-to-left.
   Flex and grid layouts flip by themselves; this file mirrors the places that use left/right directly. */
[dir="rtl"] body { text-align: right; }
[dir="rtl"] .skip { left: auto; right: -999px; } [dir="rtl"] .skip:focus { right: 8px; left: auto; }
[dir="rtl"] .icon-btn.has-dot::after { right: auto; left: 10px; }
[dir="rtl"] select.input, [dir="rtl"] .input[type="search"] { padding-right: .9rem; padding-left: 2.4rem; background-position: left .9rem center; }
[dir="rtl"] .pw .input { padding-right: .9rem; padding-left: 3rem; }
[dir="rtl"] .pw-toggle { right: auto; left: 4px; }
[dir="rtl"] .switch-ui::after { left: auto; right: 3px; }
[dir="rtl"] .switch input:checked + .switch-ui::after { transform: translateX(-18px); }
[dir="rtl"] .stars-fg { left: auto; right: 0; }
[dir="rtl"] .table th, [dir="rtl"] .table:not(.table-simple) td::before { text-align: right; }
[dir="rtl"] .table .num, [dir="rtl"] .table-simple td, [dir="rtl"] .fee-card dd, [dir="rtl"] .bar-row b, [dir="rtl"] .payout-amt, [dir="rtl"] .receipt-brand { text-align: left; }
[dir="rtl"] .src-tag, [dir="rtl"] .tab-count, [dir="rtl"] .nav-badge { margin-left: 0; }
[dir="rtl"] .src-tag, [dir="rtl"] .tab-count { margin-right: .35rem; }
[dir="rtl"] .nav-badge { margin-right: auto; }
[dir="rtl"] .conn-card .small .i, [dir="rtl"] .cmp-plat { margin-right: 0; margin-left: .3rem; }
[dir="rtl"] .activity li, [dir="rtl"] .feed li { padding-left: 0; padding-right: 1rem; border-left: 0; border-right: 3px solid var(--line-strong); }
[dir="rtl"] .feed li { border-right-color: var(--brand); }
[dir="rtl"] .chat-list { border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] .chat-menu-pop { right: auto; left: 0; }
[dir="rtl"] .bubble time { text-align: left; }
[dir="rtl"] .chat-actions .btn-primary { margin-left: 0; margin-right: auto; }
[dir="rtl"] .review-reply { border-left: 0; border-right: 3px solid var(--brand); border-radius: var(--r-m) 0 0 var(--r-m); }
[dir="rtl"] .main-nav { margin-left: 0; margin-right: .5rem; }
[dir="rtl"] .header-actions, [dir="rtl"] .topbar-actions { margin-left: 0; margin-right: auto; }
[dir="rtl"] .mobile-nav-panel { right: auto; left: 0; }
[dir="rtl"] .footer-preview a { margin-left: 0; margin-right: .8rem; }
[dir="rtl"] .auth-art::before { right: auto; left: -180px; } [dir="rtl"] .auth-art::after { left: auto; right: -120px; }
[dir="rtl"] .sidebar { border-right: 0; border-left: 1px solid var(--line); }
[dir="rtl"] .topbar-search .i, [dir="rtl"] .hs-field .i, [dir="rtl"] .help-search .i { left: auto; right: .85rem; }
[dir="rtl"] .hs-field input, [dir="rtl"] .help-search .input { padding-left: .9rem; padding-right: 2.6rem; }
[dir="rtl"] .hs-select { border-left: 0; border-right: 1px solid var(--line); }
[dir="rtl"] .user-chip { padding-left: 0; padding-right: .6rem; }
[dir="rtl"] .ed-steps button { text-align: right; }
[dir="rtl"] .timeline-steps { border-left: 0; border-right: 2px solid var(--line-strong); margin-left: 0; margin-right: 17px; }
[dir="rtl"] .timeline-steps li::before { left: auto; right: -18px; }
[dir="rtl"] .work-play, [dir="rtl"] .spot-ring { right: auto; left: .9rem; } [dir="rtl"] .spot-ring { left: auto; right: .9rem; }
[dir="rtl"] .pkg-sub .i { margin-left: 0; margin-right: .5rem; } [dir="rtl"] .pkg-sub .i:first-child { margin-right: 0; }
[dir="rtl"] .stepper li::before { left: auto; right: 13px; }
[dir="rtl"] .geo-caret { right: auto; left: 14px; } [dir="rtl"] .geo-cb .input { padding-right: .9rem; padding-left: 38px; }
[dir="rtl"] .err-summary ul { padding-left: 0; padding-right: 1.1rem; }
[dir="rtl"] .lang-list { right: auto; left: 0; }
/* Arrows and chevrons point the other way; icons that show real-world things (play, check) stay as they are. */
[dir="rtl"] .i-chevron, [dir="rtl"] .chev, [dir="rtl"] details > summary .i { transform: scaleX(-1); }
[dir="rtl"] .accordion summary .i { transform: none; }
[dir="rtl"] input[type="email"], [dir="rtl"] input[type="url"], [dir="rtl"] input[type="tel"], [dir="rtl"] input[type="number"], [dir="rtl"] code { direction: ltr; text-align: right; }
@media (max-width: 900px) {
  [dir="rtl"] .sidebar { right: 0; left: auto; transform: translateX(102%); } [dir="rtl"] .sidebar.open { transform: none; }
  [dir="rtl"] .hs-select { border-right: 0; }
}