/* ============================================================================ * Pixeliom ยท Arabic font binding * Loaded last on /ar/ pages. Layout needs no directional overrides โ€” every * rule in base.css and pages.css uses logical properties, so dir="rtl" on * is enough. This file only swaps the body typeface. * ========================================================================= */ @font-face { font-family: 'TrueArabic'; src: url('../fonts/truearabic-font.ttf') format('truetype'); font-weight: 400 700; font-style: normal; font-display: swap; } :root { --font-body: 'TrueArabic', 'Manrope', 'Segoe UI', Tahoma, sans-serif; --font-display: 'TrueArabic', 'Space Grotesk', 'Segoe UI', Tahoma, sans-serif; } /* Arabic script sits lower and needs more leading than Latin at the same size โ€” give running text room so diacritics don't collide. */ body { font-size: 1.03rem; line-height: 1.9; } /* Latin-only runs (prices, brand, e-mail, the numerals) keep the Latin face and their own direction. That list lives in pages.css under [dir="rtl"] โ€” one copy for both RTL locales, so the two cannot drift apart. */