/* =========================================================
   Quantic · Arabic (RTL)
   Loaded only by the pages in /ar. Font: IBM Plex Sans Arabic.
   Mirrors everything that has a direction in the LTR styles.
   ========================================================= */
html[dir="rtl"] {
  --font: "IBM Plex Sans Arabic", "Instrument Sans", "Segoe UI", Tahoma, sans-serif;
}
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea { font-family: var(--font); }

/* Arabic letters must never be tracked; give lines a little more room */
[dir="rtl"] * { letter-spacing: 0 !important; }
[dir="rtl"] :is(.hero__title, .page-hero__title, .section-title, .cta__title, .stack-card__name, .work-card__name, .svc__title, .value-card__name, .site-footer__say) { line-height: 1.25; }
[dir="rtl"] :is(.about__statement, .about-story__title, .vm-card__lead) { line-height: 1.45; }
[dir="rtl"] :is(p, li, dd) { line-height: 1.75; }
[dir="rtl"] .hero__line { padding-bottom: 0.14em; }

/* header */
[dir="rtl"] .theme-btn { padding: 0 10px 0 16px; }
[dir="rtl"] .btn__arrow { transform: translateX(8px); }
[dir="rtl"] .btn:hover .btn__arrow { transform: none; }

/* links & arrows (the arrows in the HTML already point left) */
[dir="rtl"] .link:hover .link__arrow,
[dir="rtl"] a:hover > .link--static .link__arrow { transform: translateX(-6px); }

/* hero photo sits on the left */
[dir="rtl"] .hero__media { right: auto; left: 0; border-left: 0; border-right: 3px solid var(--red); }
@media (max-width: 1024px) { [dir="rtl"] .hero__media { border-right: 0; } }

/* stats */
[dir="rtl"] .stat { padding: 48px 32px 48px 0; border-left: 0; border-right: 1px solid var(--line); }
[dir="rtl"] .stat:first-child { border-right: 0; padding-right: 0; }

/* logo marquees keep moving in one direction */
[dir="rtl"] .marquee,
[dir="rtl"] .partners__viewport { direction: ltr; }

/* services rows */
[dir="rtl"] .service-row:hover .service-row__name { transform: translateX(-10px); }
[dir="rtl"] .service-row:hover .service-row__arrow { transform: rotate(45deg); }

/* deck */
[dir="rtl"] .stack-card__count { left: auto; right: clamp(28px, 4vw, 56px); }
[dir="rtl"] .stack-card__media { padding: 32px 0 32px 24px; }
[dir="rtl"] .stack-progress__item { text-align: right; }
[dir="rtl"] .stack-progress__bar::after { transform-origin: right; }
@media (max-width: 1024px) {
  [dir="rtl"] .stack,
  [dir="rtl"] .stack-progress { direction: ltr; }   /* swipe math stays simple; bars follow the cards */
  [dir="rtl"] .stack-card { direction: rtl; }
  [dir="rtl"] .stack-card__count { right: 28px; }
  [dir="rtl"] .stack-card__media { padding: 56px 24px 0; }
}

/* work page */
[dir="rtl"] .work-card__count { left: auto; right: 26px; }
[dir="rtl"] .work-card--wide .work-card__count { right: clamp(28px, 4vw, 56px); }
[dir="rtl"] .work-card__platforms,
[dir="rtl"] .work-card--wide .work-card__meta--compact .work-card__platforms { text-align: left; }
[dir="rtl"] .work-card--wide .work-card__platforms { text-align: right; }
@media (max-width: 1024px) {
  [dir="rtl"] .work-card__platforms,
  [dir="rtl"] .work-card--wide .work-card__meta--compact .work-card__platforms { text-align: right; }
}

/* about page */
[dir="rtl"] .value-card { border-left: 0; border-right: 1px solid var(--line); }
[dir="rtl"] .value-card:first-child { border-right: 0; }
@media (max-width: 1024px) { [dir="rtl"] .value-card:nth-child(3) { border-right: 0; } }
@media (max-width: 480px) { [dir="rtl"] .value-card { border-right: 0; } }

/* services page */
[dir="rtl"] .svc-index__link { padding: 11px 30px 11px 0; }
[dir="rtl"] .svc-index__link.is-active { padding-left: 0; padding-right: 46px; }
[dir="rtl"] .svc-index__link::before { left: auto; right: 0; }
[dir="rtl"] .svc:hover .svc__no { transform: translateX(-8px); }
@media (max-width: 1024px) {
  [dir="rtl"] .svc-index__link,
  [dir="rtl"] .svc-index__link.is-active { padding: 8px 14px; }
}

/* contact band */
[dir="rtl"] .cta__details a,
[dir="rtl"] .site-footer__col a[href^="tel"],
[dir="rtl"] .site-footer__mail { direction: ltr; unicode-bidi: isolate; text-align: right; }
[dir="rtl"] .cta__details a { display: inline-block; }

/* mobile menu */
[dir="rtl"] .mobile-menu__list a:hover { padding-left: 0; padding-right: 10px; }
[dir="rtl"] .mobile-menu__list a::after { content: "←"; transform: translateX(8px); }
[dir="rtl"] .mobile-menu__list a:hover::after,
[dir="rtl"] .mobile-menu__list a[aria-current="page"]::after { transform: none; }

@media (max-width: 768px) {
  [dir="rtl"] .stat { padding: 32px 24px 32px 0; }
  [dir="rtl"] .stat:nth-child(odd) { border-right: 0; padding-right: 0; }
}
@media (max-width: 480px) {
  [dir="rtl"] .stat { padding: 28px 20px 28px 0; }
}

/* hero slider */
[dir="rtl"] .hs-media::after {
  background:
    linear-gradient(270deg, rgba(20, 3, 6, 0.85), rgba(20, 3, 6, 0.35) 50%, rgba(20, 3, 6, 0) 100%),
    linear-gradient(0deg, rgba(20, 3, 6, 0.8), rgba(20, 3, 6, 0) 35%);
}
[dir="rtl"] .hs-wipe { transform: translateX(-101%); }
[dir="rtl"] .hs-wipe.is-in { transform: translateX(0); }
[dir="rtl"] .hs-wipe.is-out { transform: translateX(101%); }
@media (max-width: 768px) {
  [dir="rtl"] .hs-media::after { background: linear-gradient(0deg, rgba(20, 3, 6, 0.92) 35%, rgba(20, 3, 6, 0.1) 80%); }
}
[dir="rtl"] .hs-index { direction: ltr; justify-content: flex-start; }
[dir="rtl"] .site-footer__col a[href^="https"] { direction: ltr; unicode-bidi: isolate; text-align: right; }