/* ========================================================================== Eventiere marketing site - RTL additive stylesheet (Arabic mirror, v2) Loaded AFTER site.css on every Arabic v2 page, scoped entirely under [dir="rtl"] so it never touches an English page. site.css itself is already built almost entirely on CSS logical properties (inset-inline-*, border-inline-*, padding-inline-*, text-align:start, margin-inline-*), so most of the chrome, the article grid and the CTA bands mirror for free the moment sets `direction:rtl` (the UA stylesheet maps the `dir` attribute to the CSS `direction` property). This file holds only what does NOT mirror by itself: 1. Tajawal, self-hosted, ARABIC RANGE ONLY. The `tajawal-latin-*` faces are deliberately never @font-face'd here - a Latin run inside Arabic text (a brand name, "$99", "WhatsApp") must fall through to Inter, per the mirror brief, not render in Tajawal's own Latin cut. 2. Headline weight - the Latin template uses Instrument Serif at weight 400 for h1/h2/.article-title/.article-cta h3; Tajawal has no serif companion, so under RTL those elements render Tajawal at weight 500 instead (Boby, choosing between three rendered samples: "of the last 2 lets go with the thinner one" - 500 over 700/800), at the same sizes, with the -0.01em Latin tracking neutralised (letter-spacing breaks Arabic letter joins). 3. Two decorative icons that are literal left/right glyphs baked into an inline SVG path, not a directional CSS property: the breadcrumb "greater-than" separator and the .ic-flip helper class applied by hand to the two or three other arrow-glyphs a page happens to carry (e.g. the blog CTA's "Start free ->" arrow). scaleX(-1) instead of hand-mirroring each path's coordinates, so the same rule covers any future arrow marked with the class. 4. The homepage's own `.usecases-list` chevron-on-hover rule already had an RTL override (`[dir="rtl"] ... hover .chev{ transform:translateX(-4px) }`) that nudges the glyph but never flips its ">" shape - so in RTL it looked like ">" sliding the wrong way. Restated here with a source-order override (same selector, later in the cascade, so no edit to index.html's own