/* Right-to-left layout corrections for Arabic (ar) and Kurdish Sorani (ckb). The base theme is built for LTR and uses a few physical properties (text-align:left, margin-right, a "rsaquo" chevron) that don't flip on their own. These rules realign them when is active. Scoped to [dir="rtl"] so English is never affected. */ /* Mobile menu items: align to the right and put the chevron on the right. */ [dir="rtl"] .nav-link, [dir="rtl"] .nav-links .nav-link, [dir="rtl"] .nav-action-button { text-align: right !important; justify-content: flex-start !important; } [dir="rtl"] .nav-links .nav-link::before { margin-right: 0 !important; margin-left: 10px !important; content: "\2039" !important; /* left-pointing single angle quote */ } /* Language dropdown items read right-to-left too. */ [dir="rtl"] .lang-menu-item { text-align: right; } /* Small inline badges that hang off the right edge in LTR. */ [dir="rtl"] .meta-mark { margin-right: 0; margin-left: 8px; } /* Keep brand wordmark, latin codes and email/URLs readable left-to-right. */ [dir="rtl"] .brand-title, [dir="rtl"] .ui-mark, [dir="rtl"] .meta-mark { direction: ltr; unicode-bidi: isolate; } /* ── Home: hiring-journey flow ────────────────────────────────── The icon sits at the start (right in RTL) so the step-number badge and the inter-card connector must move to the opposite/left side. */ [dir="rtl"] .tracking-flow article > small { right: auto; left: 16px; } [dir="rtl"] .tracking-flow article::after { right: auto; left: -11px; } /* Home: audience-card check bullets sit on the right in RTL. */ [dir="rtl"] .audience-card li { padding-left: 0 !important; padding-right: 24px !important; } [dir="rtl"] .audience-card li::before { left: auto; right: 0; } /* Home: "quick path" corner arrow flips side and direction. */ [dir="rtl"] .home-path-arrow { right: auto; left: 13px; transform: scaleX(-1); } /* Home: AI-screening preview progress bars fill from the right. */ [dir="rtl"] .ai-screen-bars i { left: auto; right: 0; } /* Home: floating hero chips swap corners and accent edge. */ [dir="rtl"] .hero-chip-match { left: auto; right: 18px; border-left: 0; border-right: 3px solid #22c55e; } [dir="rtl"] .hero-chip-stage { right: auto; left: 18px; border-left: 0; border-right: 3px solid #a78bfa; }