/* =========================================================
   ABS Global — RTL (Arabic) overrides
   Loaded after style.css / nav.css and every page stylesheet.
   ========================================================= */

html[dir="rtl"] {
  --font-body: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Arial", sans-serif;
  --font-head: "Segoe UI", Tahoma, "Noto Kufi Arabic", "Arial", sans-serif;
  --font-display: "Segoe UI", Tahoma, "Noto Naskh Arabic", "Arial", sans-serif;
}

html[dir="rtl"] body {
  text-align: right;
  letter-spacing: 0;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .hero__title,
html[dir="rtl"] .section-head,
html[dir="rtl"] .pill {
  letter-spacing: 0;
}

html[dir="rtl"] .skip-link { left: auto; right: 16px; }

/* arrows and directional icons */
html[dir="rtl"] .btn svg:last-child,
html[dir="rtl"] .link-arrow svg,
html[dir="rtl"] .crumbs__sep svg,
html[dir="rtl"] .post-card__more svg,
html[dir="rtl"] .sv-side-link svg,
html[dir="rtl"] .post-back svg {
  transform: scaleX(-1);
}

html[dir="rtl"] .btn:hover svg:last-child { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .footer__col ul a:hover { transform: translateX(-3px); }
html[dir="rtl"] .post-card:hover .post-card__more svg { transform: scaleX(-1) translateX(-4px); }
html[dir="rtl"] .sv-side-link:hover svg { transform: scaleX(-1) translateX(-3px); }
html[dir="rtl"] .post-back:hover svg { transform: scaleX(-1) translateX(4px); }

/* forms */
html[dir="rtl"] .field select {
  padding-right: 14px;
  padding-left: 40px;
  background-position: left 14px center;
}
html[dir="rtl"] .field input[dir="ltr"],
html[dir="rtl"] .field textarea[dir="ltr"] { text-align: left; }

/* validation widget */
html[dir="rtl"] .val-type__check { right: auto; left: 10px; }
html[dir="rtl"] .val-input-icon { left: auto; right: 16px; }
html[dir="rtl"] .val-input { padding: 0 46px 0 18px; }

/* services page */
html[dir="rtl"] .steps__track,
html[dir="rtl"] .steps__progress {
  left: auto;
  right: var(--track-start, 24px);
}
html[dir="rtl"] .steps__track {
  right: var(--track-start, 24px);
  left: calc(100% - var(--track-end, 100%));
}
html[dir="rtl"] .steps__progress { left: auto; }
html[dir="rtl"] .step-panel__wm { right: auto; left: 2px; }
html[dir="rtl"] .step-nav { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .value-card__num { right: auto; left: -4px; }

/* about page timeline */
html[dir="rtl"] .tl__progress { left: auto; right: 10%; }
html[dir="rtl"] .cred-card { left: auto; right: 12px; }

/* blog article body */
html[dir="rtl"] .post-content li { padding-left: 0; padding-right: 30px; }
html[dir="rtl"] .post-content li::before { left: auto; right: 5px; }

/* request page flags marquee */
html[dir="rtl"] .flags::before {
  left: auto;
  right: 0;
  background: linear-gradient(-90deg, #fff 6%, rgba(255, 255, 255, 0));
}
html[dir="rtl"] .flags::after {
  right: auto;
  left: 0;
  background: linear-gradient(90deg, #fff 6%, rgba(255, 255, 255, 0));
}
html[dir="rtl"] .flags__track { animation-direction: reverse; }

/* floating actions */
html[dir="rtl"] .fab-stack {
  right: auto;
  left: 22px;
  align-items: flex-start;
}
html[dir="rtl"] .fab__label { direction: rtl; }

/* hero / decorative elements */
html[dir="rtl"] .float-card { left: auto; right: 12px; }
html[dir="rtl"] .cta-card::before { right: auto; left: -140px; }

@media (max-width: 760px) {
  html[dir="rtl"] .fab-stack { left: 16px; right: auto; }
  html[dir="rtl"] .float-card { right: 12px; left: auto; }
}

/* Match the LTR mobile behaviour (left aligned below 560px) while keeping
   section headings centred on tablet and desktop. */
@media (max-width: 560px) {
  html[dir="rtl"] .section-head { align-items: flex-start; text-align: right; }
}