/** * WLRE Theme — Per-locale typography + layout overrides. * * Loads globally (unlike rtl.css which is RTL-only) because locale- * specific tweaks may apply to any direction. Scoped via [lang="…"] * attribute on (Polylang emits this; core WP emits lang on * too via the wlre-locale-{slug} class filter in inc/i18n.php). * * Design intent: CJK + Arabic scripts have denser strokes than Latin. * Bumping body size by 1px on these locales preserves readability * without oversizing headings. * * Font-family resolution: theme.json + inc/brand.php expose a * single fallback stack that covers all 4 locales: * DM Sans / Lato → Cairo (AR) → Noto Sans Arabic (AR) * → PingFang SC (zh, macOS) → Noto Sans SC (zh) * → Microsoft YaHei (zh, Windows) → Hiragino Sans GB (zh) * → sans-serif * * That stack works on most modern OS/browser combos without any * web-font fetch. For premium deployments that want guaranteed glyph * coverage, the admin can upload a self-hosted font via Brand * Settings (Phase 16 custom-font upload) — its @font-face rule is * prepended in inc/brand.php. */ /* ------------------------------------------------------------------- Italian — no typography override. DM Sans + Lato cover full Latin + Italian diacritics. ------------------------------------------------------------------- */ /* ------------------------------------------------------------------- Arabic — denser script; bump body size +1px for legibility. Adjust line-height for taller glyphs. ------------------------------------------------------------------- */ html[lang="ar"] body, body.wlre-locale-ar { font-size: 17px; line-height: 1.7; } html[lang="ar"] .wlre-property-card__meta, body.wlre-locale-ar .wlre-property-card__meta { font-size: 15px; } /* Hamza + presentation-form diacritics render correctly in Cairo / Noto Sans Arabic; do NOT italicize — Arabic has no italic form. */ html[lang="ar"] em, html[lang="ar"] i, body.wlre-locale-ar em, body.wlre-locale-ar i { font-style: normal; font-weight: 600; } /* ------------------------------------------------------------------- Simplified Chinese — CJK glyphs denser than Latin; bump body +1px. Disable synthetic italic (renders as skewed blocks on CJK). word-break: normal (not break-all) preserves paragraph flow. ------------------------------------------------------------------- */ html[lang="zh-CN"] body, body.wlre-locale-zh { font-size: 16px; line-height: 1.75; letter-spacing: 0.01em; } html[lang="zh-CN"] em, html[lang="zh-CN"] i, body.wlre-locale-zh em, body.wlre-locale-zh i { font-style: normal; font-weight: 600; } html[lang="zh-CN"] p, html[lang="zh-CN"] li, body.wlre-locale-zh p, body.wlre-locale-zh li { word-break: normal; line-break: strict; } /* CJK full-width punctuation is aesthetically dense — small margin adjustment on inline elements that follow a full-width colon */ html[lang="zh-CN"] .wlre-form__label::after, body.wlre-locale-zh .wlre-form__label::after { content: " "; } /* ------------------------------------------------------------------- English — default baseline, no override. ------------------------------------------------------------------- */