/* ==========================================================================
   Arabic / right-to-left overrides
   Loaded only on pages with dir="rtl". Layered on top of style.css.
   ========================================================================== */

:root{
  --serif:"Amiri","Playfair Display",Georgia,serif;
  --sans:"Cairo","Tajawal",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

[dir="rtl"] body{line-height:1.9;letter-spacing:0}

/* Arabic headline faces need a touch more room and less tight leading */
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{line-height:1.4}
[dir="rtl"] h1{font-size:clamp(1.95rem,4.8vw,3.5rem)}
[dir="rtl"] .stat__n{line-height:1.2}

/* uppercase + wide tracking are meaningless in Arabic — undo them */
[dir="rtl"] .eyebrow,
[dir="rtl"] .btn,
[dir="rtl"] .nav a,
[dir="rtl"] .footer h4,
[dir="rtl"] .crumb,
[dir="rtl"] .stat__l,
[dir="rtl"] .pcard__tag,
[dir="rtl"] .filters button,
[dir="rtl"] .field label,
[dir="rtl"] .cinfo strong{
  text-transform:none;
  letter-spacing:0;
}
[dir="rtl"] .eyebrow{font-weight:700}
[dir="rtl"] .btn{font-weight:600;font-size:.86rem}
[dir="rtl"] .nav a{font-size:.92rem}
[dir="rtl"] .stat__l{font-size:.84rem}
[dir="rtl"] .field label{font-size:.82rem}
[dir="rtl"] .cinfo strong{font-size:.78rem}
[dir="rtl"] .footer h4{font-size:.86rem;font-weight:700}

/* ---- directional flips -------------------------------------------------- */
[dir="rtl"] .eyebrow::after{margin-right:0}
[dir="rtl"] .btn svg{transform:scaleX(-1)}
[dir="rtl"] .btn:hover svg{transform:scaleX(-1) translateX(4px)}

[dir="rtl"] .svc::before{left:auto;right:0}
[dir="rtl"] .svc__list li{padding-left:0;padding-right:18px}
[dir="rtl"] .svc__list li::before{left:auto;right:0}

[dir="rtl"] .pcard__tag{left:auto;right:14px}

[dir="rtl"] .nav a[aria-current="page"]::after{left:15px;right:15px}

[dir="rtl"] .hero__bg::after{
  background:linear-gradient(255deg,var(--navy) 20%,rgba(13,40,57,.86) 52%,rgba(6,32,48,.6) 100%);
}
[dir="rtl"] .banner__bg::after{
  background:linear-gradient(260deg,var(--navy) 25%,rgba(13,40,57,.78) 100%);
}
[dir="rtl"] .slash{right:auto;left:-6%}
[dir="rtl"] .slash span{transform:skewX(19deg)}
[dir="rtl"] .slash span:nth-child(1){right:auto;left:34%}
[dir="rtl"] .slash span:nth-child(2){right:auto;left:22%}
[dir="rtl"] .slash span:nth-child(3){right:auto;left:12%}

[dir="rtl"] .split--flip .split__media{order:0}
@media(min-width:861px){
  [dir="rtl"] .split .split__media{order:2}
  [dir="rtl"] .split--flip .split__media{order:0}
}

[dir="rtl"] .fcontact li,
[dir="rtl"] .cinfo li,
[dir="rtl"] .vlist li,
[dir="rtl"] .clients li{text-align:right}

/* numerals and Latin fragments inside Arabic text stay LTR */
[dir="rtl"] .ltr,
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:embed;display:inline-block}
[dir="rtl"] .stat__n{direction:ltr;unicode-bidi:embed}
[dir="rtl"] .footer__bot{direction:rtl}

/* form fields */
[dir="rtl"] .field input,
[dir="rtl"] .field select,
[dir="rtl"] .field textarea{text-align:right}
[dir="rtl"] .field input[type="email"],
[dir="rtl"] .field input[type="tel"]{text-align:left;direction:ltr}

/* ---- language switcher (used by both directions) ------------------------ */
.langsw{display:flex;align-items:center;gap:2px;margin-inline-start:8px;flex:none}
.langsw a{
  font-size:.76rem;font-weight:600;padding:7px 11px;border-radius:2px;
  color:rgba(255,255,255,.6);transition:var(--t);line-height:1;letter-spacing:.04em;
}
.langsw a:hover{color:#fff;background:rgba(255,255,255,.08)}
.langsw a[aria-current="true"]{color:#fff;background:var(--orange)}
.langsw .sep{color:rgba(255,255,255,.25);font-size:.7rem}
[dir="rtl"] .langsw a{letter-spacing:0}

@media(max-width:960px){
  .langsw{margin:14px 0 0;justify-content:center;gap:6px}
  .langsw a{padding:11px 20px;border:1px solid rgba(255,255,255,.2);font-size:.86rem}
  .langsw .sep{display:none}
}