/* ============================================================
   TackTechs - manual RTL fixes (loaded ONLY for the Arabic locale)
   Hand-maintained; not generated by rtlcss.
   ============================================================ */

/* --- Apply a proper Arabic font everywhere ---------------------------------
   The template hard-codes Latin-only fonts (Poppins / Plus Jakarta) on body
   and headings, so Arabic text falls back to ugly system fonts. Force a real
   Arabic typeface across all text in RTL. */
[dir='rtl'] body,
[dir='rtl'] h1,
[dir='rtl'] h2,
[dir='rtl'] h3,
[dir='rtl'] h4,
[dir='rtl'] h5,
[dir='rtl'] h6,
[dir='rtl'] p,
[dir='rtl'] a,
[dir='rtl'] span,
[dir='rtl'] li,
[dir='rtl'] label,
[dir='rtl'] button,
[dir='rtl'] input,
[dir='rtl'] textarea,
[dir='rtl'] .butn,
[dir='rtl'] .nav-link,
[dir='rtl'] .sub-title,
[dir='rtl'] .rotate-text,
[dir='rtl'] .rolling-text,
[dir='rtl'] .num,
[dir='rtl'] .stroke {
  font-family: 'Tajawal', 'Cairo', sans-serif !important;
}

/* Keep Latin words (brand, ERP, Odoo, emails) readable inside Arabic text */
[dir='rtl'] .ltr,
[dir='rtl'] a[href^='mailto'],
[dir='rtl'] .tacktechs-honeypot {
  direction: ltr;
  unicode-bidi: isolate;
}

/* --- Flip directional arrows for RTL --------------------------------------- */
[dir='rtl'] .ti-arrow-top-right,
[dir='rtl'] .ti-arrow-right,
[dir='rtl'] .fa-arrow-right,
[dir='rtl'] .vi-more .icon,
[dir='rtl'] .tacktechs-service-cta span[aria-hidden='true'],
[dir='rtl'] .circle-button .icon {
  display: inline-block;
  transform: scaleX(-1);
}

/* --- Preloader: the "Loading" letters are individual spans; keep them LTR
       so the word does not render reversed/mirrored in RTL. ----------------- */
[dir='rtl'] .loader-wrap-heading,
[dir='rtl'] .load-text {
  direction: ltr;
}