/* ==========================================================================
   EVERON — RTL (Arabic) overrides. Loaded only on Arabic pages, after style.css.
   ========================================================================== */

:root{
  --font-display:'Cairo', 'Segoe UI', Tahoma, sans-serif;
  --font-body:'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

body{direction:rtl;}

h1,h2,h3,h4{letter-spacing:0;font-weight:700;}
.eyebrow{letter-spacing:.04em;}
.eyebrow::before{margin-inline-end:0;}

/* Arrow / chevron glyphs should point toward reading-start (left) in RTL */
.card a.card-link .arrow svg,
.sector-row .go .arrow svg,
.btn .arrow svg{transform:scaleX(-1);}
.card a.card-link:hover .arrow{transform:translateX(-4px);}

/* Hero + page-hero overlays: mirror the diagonal darkening so it sits behind
   right-aligned Arabic text instead of the (now empty) left side */
.hero-fade{background:
  linear-gradient(260deg,rgba(6,13,26,.82) 0%,rgba(6,13,26,.58) 38%,rgba(6,13,26,.3) 62%,rgba(6,13,26,.12) 100%),
  linear-gradient(180deg,rgba(6,13,26,.12) 0%,rgba(6,13,26,.3) 55%,var(--navy-900) 100%);
}
@media (max-width:640px){
  .hero-fade{background:linear-gradient(180deg,rgba(6,13,26,.55) 0%,rgba(6,13,26,.62) 45%,rgba(6,13,26,.7) 75%,var(--navy-900) 100%);}
}
.page-hero-fade{background:
  linear-gradient(260deg,rgba(6,13,26,.86) 0%,rgba(6,13,26,.64) 42%,rgba(6,13,26,.36) 68%,rgba(6,13,26,.2) 100%),
  linear-gradient(180deg,rgba(6,13,26,.15) 0%,rgba(6,13,26,.28) 60%,var(--navy-900) 100%);
}
@media (max-width:640px){
  .page-hero-fade{background:linear-gradient(180deg,rgba(6,13,26,.5) 0%,rgba(6,13,26,.6) 50%,rgba(6,13,26,.72) 78%,var(--navy-900) 100%);}
}
.page-hero-line{right:auto;left:-8%;}

/* Quote block accent + timeline rail sit on the reading-start (right) side */
.quote-block{border-left:none;border-right:3px solid var(--gold-500);padding-left:0;padding-right:32px;}
.timeline{padding-left:0;padding-right:48px;}
.timeline::before{left:auto;right:6px;}
.timeline-item::before{left:auto;right:-48px;}

/* Stat strip / hero meta dividers */
.stat-strip div{border-left:none;border-right:1px solid var(--line);}
.stat-strip div:first-child{border-right:none;}
.hero-meta div{border-left:none;border-right:2px solid var(--gold-500);padding-left:0;padding-right:16px;}

/* Skip link offscreen technique */
.skip-link{left:auto;right:-999px;}
.skip-link:focus{right:0;}

/* Numbered list index alignment */
.numbered-list li::before{direction:ltr;}
.sector-row .idx{direction:ltr;}

/* Mobile nav accordion marker sits on the start side already via flex; caret rotation stays symmetric */
.nav-link .caret{transform:rotate(135deg);margin-top:-1px;}
li:hover .nav-link .caret{transform:rotate(315deg);margin-top:3px;}

/* Forms: keep field text right-aligned */
.field input,.field select,.field textarea{text-align:right;}
.field input[type="email"],.field input[type="tel"]{direction:ltr;text-align:right;}

/* Footer legal row and job-item style grids follow flex direction automatically;
   only fix the few places using explicit left/right values above. */