/* ==========================================================================
   MOUASHER — RTL / Arabic overrides
   The base stylesheet already uses logical properties (margin-inline, inset-inline…)
   so most layout flips automatically. This file fixes the few directional details
   and tunes Arabic typography.
   ========================================================================== */

body{ font-family:var(--font-ar); }

/* Arabic reads a touch larger & looser for comfort */
body{ font-size:17px; line-height:1.8; }
.entry-content{ font-size:1.14rem; line-height:1.95; }

/* Headings use the Arabic display face */
h1,h2,h3,h4,
.card-title,.article-title,.hero-stat .num,.statband .stat .num,
.event-date .d,.keyfig .num{ font-family:var(--font-ar-display); font-weight:700; letter-spacing:0; }

/* Hero card tilt looks better mirrored in RTL */
.hero-card{ transform:rotate(1deg); }
@media (max-width:460px){ .hero-card{ transform:none; } }

/* Numbers / latin figures inside Arabic text keep the sans face for legibility */
.lang-switch a,.num span{ font-family:var(--font-sans); }

/* Decorative eyebrow underline starts from the correct side automatically via flex,
   but ensure the rule sits on the right visually */
.eyebrow{ flex-direction:row; }

/* Footer brand logo: keep readable */
.footer-bottom .container{ direction:rtl; }

/* Article dek: italic doesn't suit Arabic */
.article-dek,.entry-content blockquote{ font-style:normal; }

/* Phone numbers: force LTR digit/plus-sign order and keep them from being
   reordered by the surrounding RTL text run (footer, contact page). */
a[href^="tel:"]{ unicode-bidi:isolate; }

/* Directional arrows point into the reading direction in Arabic. Icon-specific
   targeting avoids mirroring document, download, search, and social icons. */
.btn .m-ico--arrow{ transform:scaleX(-1); }