/* * RTL / Arabic styles. * * Loaded only when the active locale is right-to-left (e.g. the WPML Arabic * language). English output is never affected because every rule is scoped to * html[dir="rtl"], which WordPress sets from the locale. * * Font strategy: the Latin display fonts (Inter / Playfair Display) are kept * FIRST in each stack so any Latin run (brand name, Western digits) renders * exactly as on the English site; the Arabic webfonts (Tajawal / Amiri) are * appended so Arabic glyphs — which the Latin fonts do not contain — fall * through to them per-glyph. Design, weights and sizes are otherwise unchanged. */ /* Body text + form controls: Inter for Latin, Tajawal for Arabic. */ html[dir="rtl"] body, html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select, html[dir="rtl"] button, html[dir="rtl"] .site-footer__col h2 { font-family: Inter, "Tajawal", Arial, sans-serif; } /* Headings + display accents: Playfair for Latin, Amiri for Arabic. */ html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] .site-footer__brand, html[dir="rtl"] .site-footer__brand-col > span, html[dir="rtl"] .home-project-card__body strong, html[dir="rtl"] .project-next-prev strong, html[dir="rtl"] .service-map__body strong, html[dir="rtl"] .pin-title { font-family: "Playfair Display", "Amiri", Georgia, serif; } /* * Amiri's Arabic glyphs and diacritics are taller than Playfair, so the global * 1.05 heading line-height collides — headings overlap the paragraph beneath * them (seen on /projects/ hero). Give RTL headings more vertical room. */ html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6 { line-height: 1.3; } /* * Layout notes: direction mirroring (text alignment, list markers, table and * flex inline order, logical margins/paddings) is handled automatically by the * dir="rtl" attribute on . Component-specific physical offsets or * absolutely-positioned decorative elements are tuned here after visual QA on * the live Arabic pages — add overrides below as they are confirmed. */