/* ========================================================================== WHIRL — RTL Overrides Applied when . Goes beyond `direction:rtl` — mirrors spacing, icon direction, decorative offsets and component alignment. ========================================================================== */ html[dir="rtl"] body{ direction:rtl; text-align:right; } html[dir="rtl"] .eyebrow::before{ order:2; } html[dir="rtl"] .eyebrow{ flex-direction:row-reverse; justify-content:flex-end; } html[dir="rtl"] .btn svg.i-arrow{ transform:scaleX(-1); } html[dir="rtl"] .btn:hover svg.i-arrow{ transform:scaleX(-1) translateX(3px); } html[dir="rtl"] .header-inner{ flex-direction:row-reverse; } html[dir="rtl"] .main-nav{ flex-direction:row-reverse; } html[dir="rtl"] .header-actions{ flex-direction:row-reverse; } html[dir="rtl"] .header-cta{ flex-direction:row-reverse; } html[dir="rtl"] .brand{ flex-direction:row-reverse; } html[dir="rtl"] .menu-toggle span::before, html[dir="rtl"] .menu-toggle span::after{ right:0; left:auto; } html[dir="rtl"] .mobile-nav{ text-align:right; } html[dir="rtl"] .mobile-nav-toggle{ text-align:right; flex-direction:row-reverse; } html[dir="rtl"] .mobile-nav-submenu a{ padding:13px 16px 13px 4px; } html[dir="rtl"] .footer-top{ text-align:right; } html[dir="rtl"] .social-row{ flex-direction:row-reverse; justify-content:flex-end; } html[dir="rtl"] .footer-bottom{ flex-direction:row-reverse; } html[dir="rtl"] .footer-legal{ flex-direction:row-reverse; } html[dir="rtl"] .testimonial-person, html[dir="rtl"] .rental-row, html[dir="rtl"] .dash-user, html[dir="rtl"] .field-row, html[dir="rtl"] .checkbox, html[dir="rtl"] .social-btn, html[dir="rtl"] .metric-top, html[dir="rtl"] .panel-head, html[dir="rtl"] .toy-card-tags, html[dir="rtl"] .toy-card-meta, html[dir="rtl"] .dash-topbar, html[dir="rtl"] .dash-topbar-actions, html[dir="rtl"] .filter-bar, html[dir="rtl"] .timeline{ flex-direction:row-reverse; } html[dir="rtl"] .category-card-label{ text-align:right; } html[dir="rtl"] .field-pass input{ padding-right:16px; padding-left:46px; } html[dir="rtl"] .pass-toggle{ right:auto; left:14px; } html[dir="rtl"] .auth-visual{ align-items:flex-end; } html[dir="rtl"] .auth-topbar{ right:auto; left:28px; } html[dir="rtl"] .auth-shell{ direction:rtl; } html[dir="rtl"] .dash-shell{ grid-template-columns:1fr 264px; } html[dir="rtl"] .dash-sidebar{ border-right:0; border-left:1px solid var(--border); order:2; } html[dir="rtl"] .dash-main{ order:1; } html[dir="rtl"] .dash-nav a{ flex-direction:row-reverse; } @media (max-width:960px){ html[dir="rtl"] .dash-sidebar{ left:auto; right:0; transform:translateX(100%); } html[dir="rtl"] .dash-sidebar.is-open{ transform:translateX(0); } } html[dir="rtl"] .timeline-step::before{ left:auto; right:-50%; } html[dir="rtl"] th, html[dir="rtl"] td{ text-align:right; } html[dir="rtl"] tr td:first-child, html[dir="rtl"] tr th:first-child{ padding-right:0; padding-left:14px; } html[dir="rtl"] tr td:last-child, html[dir="rtl"] tr th:last-child{ padding-left:0; padding-right:14px; } html[dir="rtl"] .toast{ right:auto; left:26px; } html[dir="rtl"] .scroll-progress{ left:auto; right:0; } html[dir="rtl"] .pricing-popular-badge{ left:50%; transform:translateX(50%); } html[dir="rtl"] .step-card, html[dir="rtl"] .empty-state, html[dir="rtl"] .status-page{ text-align:right; } html[dir="rtl"] .status-page{ text-align:center; } html[dir="rtl"] .section-head.center{ text-align:center; }