/* ========================================================================== RTL overrides — loaded after style.css only on Arabic pages (html[dir="rtl"]) Mirrors directional properties that style.css hardcodes as left/right. Everything else (flex row order, grid column order, text-align default) is already handled automatically by the browser's bidi/writing-direction algorithm once dir="rtl" is set on . ========================================================================== */ html[dir='rtl'] body { font-family: var(--font-body-ar), var(--font-body), sans-serif; } html[dir='rtl'] h1, html[dir='rtl'] h2, html[dir='rtl'] h3, html[dir='rtl'] h4, html[dir='rtl'] .stat-value, html[dir='rtl'] .eyebrow, html[dir='rtl'] .avatar-badge, html[dir='rtl'] .card-index, html[dir='rtl'] .office-index, html[dir='rtl'] .case-num { font-family: var(--font-display-ar), var(--font-display), serif; } /* Nav underline: grow from the reading-start edge (right, in RTL) */ html[dir='rtl'] .main-nav a::after { left: 100%; right: 0; transition: left var(--transition-interactive); } html[dir='rtl'] .main-nav a:hover::after, html[dir='rtl'] .main-nav a[aria-current='page']::after { left: 0; } /* Skip link: hide off the trailing edge (right, in RTL) */ html[dir='rtl'] .skip-link { left: auto; right: -999px; } html[dir='rtl'] .skip-link:focus { left: auto; right: var(--space-4); } /* Stat bar dividers */ html[dir='rtl'] .stat { border-left: none; padding-left: 0; border-right: 1px solid color-mix(in oklab, white 18%, transparent); padding-right: var(--space-6); } html[dir='rtl'] .stat:first-child { border-right: none; padding-right: 0; } @media (max-width: 800px) { html[dir='rtl'] .stat:nth-child(3) { border-right: none; padding-right: 0; } } /* Credential strip items */ html[dir='rtl'] .credential-item { text-align: right; } /* Pull quote */ html[dir='rtl'] .pull-quote { border-left: none; padding-left: 0; border-right: 2px solid var(--color-accent); padding-right: var(--space-8); } html[dir='rtl'] .pull-quote::before { left: auto; right: var(--space-8); } /* Case list meta column */ html[dir='rtl'] .case-item .case-meta { text-align: left; } @media (max-width: 760px) { html[dir='rtl'] .case-item .case-meta { text-align: right; } } /* Arabic numerals stay Western (0-9) per Gulf formal/corporate convention — no font-feature override needed; IBM Plex Sans Arabic and Markazi Text both render Western digits by default when the surrounding text is Arabic. */