/* ==========================================================================
   FALCON — Arabic layer (RTL + Arabic typography)
   Loaded ONLY on the Arabic pages, AFTER bootstrap.rtl.min.css and style.css.
   Direction (RTL) itself comes from <html dir="rtl"> + bootstrap.rtl; this file
   swaps fonts and fixes Arabic-specific typography.
   ========================================================================== */

:root {
  --font-head: "Cairo", "Segoe UI", "Tahoma", sans-serif;
  --font-body: "Cairo", "Segoe UI", "Tahoma", sans-serif;
}

body {
  font-size: 1.04rem;
  line-height: 1.85;
  font-weight: 400;
}

/* Arabic script must NOT be letter-spaced (it disconnects the letters) and has
   no upper/lower case, so neutralise those everywhere except the Latin logo. */
h1, h2, h3, h4, h5, h6,
.display-hero, .h-xl, .h-lg,
.eyebrow, .btn-fal, .nav-links > li > a,
.site-footer h4, .badge-fal, .brand-logo__tag--ar,
.hero__slogan, .project-card .tag, .stat__l, .trust__item {
  letter-spacing: normal !important;
  text-transform: none !important;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.35; font-weight: 700; }
.display-hero { line-height: 1.2; font-weight: 800; }
.lead-lg, .hero__sub { line-height: 1.9; }

.eyebrow { font-size: .95rem; letter-spacing: normal; }

/* Mirror the carousel arrows so they point the natural RTL way */
[dir="rtl"] .brands-nav .bi { transform: scaleX(-1); }

/* Keep the Latin brand wordmark in Archivo even on Arabic pages */
.brand-logo__word { font-family: "Archivo", sans-serif; letter-spacing: .01em; }
.brand-logo__tag  { font-family: "Archivo", sans-serif; letter-spacing: .3em; }

/* Numerals stay comfortably sized */
.hero__stat .n, .stat__n, .pillar__num, .media-badge .n { font-family: "Archivo", var(--font-head); }

/* Slightly stronger nav weight for Cairo */
.nav-links > li > a { font-weight: 600; }

/* The eyebrow accent bar sits on the correct side automatically via logical
   props; nothing else to mirror thanks to bootstrap.rtl + logical CSS. */