/* Arabic (RTL) layer on top of site.css — loaded only by the pages in ar/ */

:root {
  --sls-display: "Readex Pro", "Sora", "Segoe UI", Tahoma, sans-serif;
  --body: "IBM Plex Sans Arabic", "Manrope", "Segoe UI", Tahoma, sans-serif;
}

/* Arabic letters must stay joined: no tracking anywhere */
[dir="rtl"] *, [dir="rtl"] *::before, [dir="rtl"] *::after { letter-spacing: 0 !important; }
[dir="rtl"] body { line-height: 1.85; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4 { line-height: 1.35; font-weight: 600; }
[dir="rtl"] .hero h1 { line-height: 1.3; font-weight: 700; }
[dir="rtl"] .page-hero h1, [dir="rtl"] .cta h2 { line-height: 1.25; }
[dir="rtl"] .wordmark { font-family: "Sora", sans-serif; direction: ltr; }
[dir="rtl"] .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* Forward arrows point left, and nudge left on hover */
[dir="rtl"] .btn svg, [dir="rtl"] .link-line svg { transform: scaleX(-1); }
[dir="rtl"] .btn:hover svg, [dir="rtl"] .link-line:hover svg { transform: scaleX(-1) translateX(4px); }
[dir="rtl"] .svc-row .go svg { transform: scaleX(-1) rotate(-45deg); }
[dir="rtl"] .svc-row:hover .go svg { transform: scaleX(-1); }
[dir="rtl"] .svc-row:hover > :not(.thumb) { transform: translateX(-16px); }
[dir="rtl"] .link-line span { background-position: 100% 100%; }

/* Skip link and header */
[dir="rtl"] .skip-link { left: auto; right: -999px; }
[dir="rtl"] .skip-link:focus { right: 10px; }
[dir="rtl"] .brand small { letter-spacing: 0; }
[dir="rtl"] .mobile-menu { clip-path: circle(0 at 52px 42px); }
[dir="rtl"] .menu-open .mobile-menu { clip-path: circle(150% at 52px 42px); }
[dir="rtl"] .mobile-menu nav a sup { margin-right: 0; margin-left: 10px; }

/* Hero */
[dir="rtl"] .hero-meta div { border-left: 0; padding-left: 0; border-right: 1px solid var(--line); padding-right: 18px; }
[dir="rtl"] .hero::before {
  background:
    radial-gradient(60% 60% at 20% 30%, rgba(58, 75, 201, .35), transparent 65%),
    radial-gradient(40% 50% at 90% 90%, rgba(201, 161, 62, .14), transparent 70%);
}

/* Scrolling strips run the other way */
[dir="rtl"] .ticker-track span { padding-right: 0; padding-left: 36px; }
[dir="rtl"] .marquee-track { padding-right: 0; padding-left: 18px; }
[dir="rtl"] .ticker-track, [dir="rtl"] .marquee-track { animation-name: slide-rtl; }
@keyframes slide-rtl { to { transform: translateX(50%); } }

/* Intro collage mirrors */
[dir="rtl"] .intro-media .img-b { right: auto; left: 0; }
[dir="rtl"] .intro-media .badge { right: auto; left: 4%; }
[dir="rtl"] .intro-media .badge text { font-family: "Sora", sans-serif; }

/* Control demo */
[dir="rtl"] .tile { text-align: right; }
[dir="rtl"] .switch::after { left: auto; right: 3px; }
[dir="rtl"] .tile[aria-pressed="true"] .switch::after { transform: translateX(-17px); }
[dir="rtl"] .app-room .room-label { left: auto; right: 16px; }
[dir="rtl"] .app-room .rec { right: auto; left: 16px; }

/* Stats, sectors, process */
[dir="rtl"] .stat { padding: 40px 0 10px 28px; border-right: 0; border-left: 1px solid var(--dark-line); }
[dir="rtl"] .stat:last-child { border-left: 0; }
[dir="rtl"] .stat + .stat { padding-left: 28px; padding-right: 28px; }
[dir="rtl"] .stat:last-child { padding-left: 0; }
[dir="rtl"] .sector { padding: 34px 0 10px 26px; }
[dir="rtl"] .sector + .sector { padding-left: 26px; padding-right: 26px; border-left: 0; border-right: 1px solid var(--dark-line); }
[dir="rtl"] .process-line i { transform-origin: right; }

/* Page hero */
[dir="rtl"] .page-hero .ring-deco { right: auto; left: -160px; }
[dir="rtl"] .page-hero::before { background: radial-gradient(50% 70% at 15% 20%, rgba(58, 75, 201, .35), transparent 70%); }
[dir="rtl"] .page-hero .bg-img::after { background: linear-gradient(270deg, var(--ink) 25%, rgba(6, 9, 24, .4)), linear-gradient(0deg, var(--ink), transparent 40%); }

/* Types, services side menu, newsletter */
[dir="rtl"] .type span, [dir="rtl"] .type small { left: auto; right: 20px; }
[dir="rtl"] .svc-side a::after { margin-left: 0; margin-right: auto; transform-origin: left; }
[dir="rtl"] .newsletter::after { right: auto; left: -120px; }
[dir="rtl"] .form-note { margin: 12px 18px 0 0; }
[dir="rtl"] .post--feature .post-img { order: 0; }

@media (max-width: 1100px) {
  [dir="rtl"] .sector:nth-child(3) { border-right: 0; padding-right: 0; }
}
@media (max-width: 860px) {
  [dir="rtl"] .stat:nth-child(2) { border-left: 0; }
  [dir="rtl"] .stat:nth-child(3) { padding-right: 0; }
}
@media (max-width: 600px) {
  [dir="rtl"] .sector, [dir="rtl"] .sector + .sector { padding: 26px 0 10px; border-right: 0; }
  [dir="rtl"] .intro-media .badge { left: 0; right: auto; }
  [dir="rtl"] .stat + .stat { padding-right: 16px; }
  [dir="rtl"] .stat { padding-left: 16px; }
  [dir="rtl"] .page-hero .ring-deco { left: -200px; right: auto; }
}

/* Arabic words run wider than the English "1 app" */
[dir="rtl"] .card--gold .big-num { font-size: clamp(2.4rem, 4.2vw, 3.6rem); line-height: 1.15; }
[dir="rtl"] .stat b.ltr, [dir="rtl"] .hero-meta b.ltr { display: block; text-align: right; }