/* ============================================================ The Balochistan Post — direction-aware typography Each site is a single language; layout direction comes from WordPress (Settings → Site Language → is_rtl()), which sets . This file only cares about LTR vs RTL — not about which specific language. tokens.css does the base swap; this fine-tunes the RTL (Arabic-script) treatment. LTR site (English) : Latin — IBM Plex Sans / Source Serif 4 (tokens.css defaults) RTL site (Urdu / Balochi / Brahui) : Arabic script — Naskh body, Nastaliq display ============================================================ */ /* ── RTL: Arabic-script body + Nastaliq display ────────────── */ html[dir="rtl"] body { font-family: var(--font-urdu); line-height: 1.85; } html[dir="rtl"] .headline, html[dir="rtl"] .display-ur, html[dir="rtl"] .nastaliq, html[dir="rtl"] .mast-logo-name .ur, html[dir="rtl"] .nameplate-ur { font-family: var(--font-urdu-disp); font-weight: 400; line-height: 1.9; } /* (LTR / English uses the Latin stack from tokens.css defaults — WordPress omits the dir attribute entirely for LTR, so no [dir="ltr"] rules are needed here.) */ /* ── Latin runs inside an RTL page (dates, names, the TBP monogram) ─ */ [dir="rtl"] .ltr, [dir="rtl"] [lang="en"], [dir="rtl"] .mono, [dir="rtl"] .mast-logo-mark { direction: ltr; unicode-bidi: isolate; }