/* ==========================================================================
   SEC 2026 — right-to-left corrections
   The layout is built on logical properties, so this file only has to handle
   the few things that are genuinely directional: gradients, icon mirroring and
   transform origins.
   ========================================================================== */

:root {
  /* Mirror the hero scrim so the dark side stays behind the text. */
  --scrim-hero: linear-gradient(270deg, rgba(16, 24, 32, 0.88) 0%, rgba(16, 24, 32, 0.62) 45%, rgba(16, 24, 32, 0.2) 100%);
  --scrim-hero-light: linear-gradient(270deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.7) 45%, rgba(255, 255, 255, 0.25) 100%);
}

/* Arabic reads better a touch larger at body sizes and without tight tracking. */
body {
  font-size: calc(var(--step-0) * 1.05);
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }

.hero__title,
.section__title,
.tile__title,
.project-card__title,
.quote-band__title,
.mega__heading,
.mega__promo-title,
.footer-heading,
.eyebrow,
.hero__eyebrow,
.hero-dot__label,
.tile__category,
.project-card__type,
.btn,
.link-cta,
.menu-link {
  /* Arabic has no case, and uppercase transforms do nothing but harm here. */
  text-transform: none;
  letter-spacing: 0;
}

.credential__value { letter-spacing: 0; }

/* Numerals stay Latin in the process list so 01–08 line up with the design. */
.process-step__num { direction: ltr; unicode-bidi: isolate; }

/* The English/Arabic switcher keeps Latin glyphs upright. */
.lang-switcher a[lang="en"] { direction: ltr; unicode-bidi: isolate; }

/* Phone numbers and emails are Latin-script data inside RTL text. */
.contact-list a[href^="tel:"],
.contact-list a[href^="mailto:"],
.footer-list a[href^="tel:"],
.footer-list a[href^="mailto:"],
.header-contact span {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}