/* Homavar — RTL companion stylesheet. This file is NOT loaded by default. WordPress core loads it automatically, in place of style.css, whenever is_rtl() is true for the current request — which is exactly what happens when a plugin like Polylang switches the active locale to an RTL language (Arabic, Persian/Farsi, Hebrew, Urdu, etc.). The main style.css is written almost entirely with CSS logical properties (margin-inline, padding-inline, border-inline, inset-inline, text-align: start/end, float: inline-start, and so on), so the layout already mirrors itself correctly once is rendered by WordPress core. This file therefore only needs to handle the handful of things logical properties can't fix on their own: swapping in an RTL-capable font stack, turning off Latin-only typographic tricks, and flipping a couple of directional icons and gradients. */ :root{ --font-display: 'Noto Kufi Arabic', 'Noto Sans Hebrew', 'Inter', sans-serif; --font-body: 'Noto Sans Arabic', 'Noto Sans Hebrew', 'Inter', sans-serif; } body{ line-height: 1.9; } /* Letter-spacing and uppercase transforms are a Latin-type convention and read poorly (or break shaping) in Arabic/Hebrew scripts. */ .eyebrow, .topic-badge, .site-description, .nav-dir{ letter-spacing: 0; text-transform: none; } /* The eyebrow rule visually points toward the start of the line — flip its side so it still sits before the text under RTL. */ .eyebrow::before{ order: 2; } /* Drop caps rely on Latin uppercase letterforms and don't translate to Arabic/Hebrew script; disable rather than render awkwardly. */ .has-drop-cap:first-letter{ float: none; font-size: inherit; color: inherit; margin: 0; } /* Directional icons authored as "pointing forward" in the LTR file need a horizontal flip so they still point toward reading-end. */ .icon-arrow, .search-form button svg{ transform: scaleX(-1); } /* The hero image caption gradient was authored assuming a bottom fade only; kept identical here since it is direction-agnostic, listed for clarity in case future edits add inline-direction stops. */ .hero-lead-overlay{ background: linear-gradient(0deg, rgba(23,20,15,.85) 0%, rgba(23,20,15,.15) 65%, transparent 100%); } /* Numerals in list badges and pagination read more comfortably with a touch more breathing room next to Arabic/Hebrew glyphs. */ .hero-sidelist-num, .pagination a, .pagination span{ font-family: 'Inter', sans-serif; }