/* RTL overrides — most layout uses logical properties, so this stays small. */

:lang(ar) .hero-supporting { letter-spacing: 0; }

:lang(ar) .hero-name,
:lang(ar) .section-title,
:lang(ar) .card-title,
:lang(ar) .timeline-role { letter-spacing: 0; }

/* bullet markers & timeline sit on the right in RTL (handled by logical props);
   only the timeline connector geometry needs a nudge */
:lang(ar) .timeline-item::before { top: 8px; }

/* the arrow glyph in the project link should mirror */
:lang(ar) .project-link svg { transform: scaleX(-1); }

/* numerals stay LTR inside Arabic text */
:lang(ar) .timeline-period,
:lang(ar) .contact-list a[href^="mailto"] { unicode-bidi: plaintext; }

/* language dropdown labels are native names (mostly Latin/CJK) — keep them LTR */
:lang(ar) .lang-menu a,
:lang(ar) .lang-current { unicode-bidi: plaintext; text-align: start; }