/* Task4Pay RTL overrides — loaded only when <html dir="rtl"> (Arabic). */
/* Flex/grid auto-mirror via dir=rtl; this file fixes physical-property leftovers. */
[dir="rtl"] body{direction:rtl;text-align:right}
[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] select{text-align:right}
[dir="rtl"] input[type="number"],[dir="rtl"] input[inputmode="numeric"]{text-align:right}
/* Amounts, timers and code stay LTR so "$0.100" / "12:30" never jumble */
[dir="rtl"] .amt,[dir="rtl"] .timer,[dir="rtl"] .pay,[dir="rtl"] code,[dir="rtl"] .reward{unicode-bidi:isolate}
[dir="rtl"] .amt,[dir="rtl"] .timer{direction:ltr}
/* Detail/side columns that were right-aligned for LTR aesthetics */
[dir="rtl"] .job-go,[dir="rtl"] .job-pay{text-align:left}
/* Number badges and inline icons keep breathing room on the correct side */
[dir="rtl"] .mk-pill .cnt,[dir="rtl"] .nb{margin-left:0}
/* Proof/template chips wrap naturally */
[dir="rtl"] .proof-body{direction:rtl}
/* Mobile drill-down rows read right-aligned; back chevron points right */
[dir="rtl"] .nav-has-sub>.nav-link,[dir="rtl"] .nav-has-sub>.nav-parent-btn,[dir="rtl"] .nav-back{text-align:right}
[dir="rtl"] .nav-back .bk{display:inline-block;transform:scaleX(-1)}
[dir="rtl"] .nav-sub-link:hover,[dir="rtl"] .nav-sub-link:focus-visible{transform:translateX(-2px)}
@media(min-width:769px){
[dir="rtl"] .nav-sub{left:auto;right:0}
}
/* Narrow phones: tighter utility cluster so bell/lang/toggle never overlap */
@media(max-width:480px){
[dir="rtl"] .role-toggle,[dir="ltr"] .role-toggle{font-size:.58rem;gap:.2rem;padding:.15rem .35rem}
[dir="rtl"] .lang-toggle{font-size:.62rem}
}
/* Mobile: cancel the physical auto-margin (it throws the logo over the
   absolute cluster in RTL) and use the logical one; keep logo compact. */
@media(max-width:768px){
[dir="rtl"] .header-content .logo{margin-right:0;margin-inline-end:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[dir="rtl"] .header-content .logo img{max-width:110px;height:auto}
}
/* Mobile drawer guard (RTL, FIX Issue 1): a closed drawer must never take
   layout space — enforced here as well so it holds however sheets order.
   (The old ≤400px left-offset overrides lived here; removed — equal offsets
   now live ONCE in style.css 768/600 cluster, and ≤600px controls are static
   flow except the hamburger.) */
@media(max-width:768px){
[dir="rtl"] .main-nav:not(.open){display:none !important;visibility:hidden !important;pointer-events:none !important}
[dir="rtl"] .main-nav.open{display:flex !important;flex-direction:column;visibility:visible;pointer-events:auto}
}