/* ============================================================
   MONAPPLICA — rtl.css (loaded only when the site is in Arabic)
   The dir="rtl" attribute flips most flex/grid layouts natively;
   this file patches physical-property leftovers + typography.
   ============================================================ */

html[dir="rtl"] body {
  letter-spacing: 0 !important;
}
html[dir="rtl"] .display-l,
html[dir="rtl"] .hero__title,
html[dir="rtl"] .contact__title,
html[dir="rtl"] .page-hero__title,
html[dir="rtl"] .article__title {
  letter-spacing: 0;
  line-height: 1.25;
  font-variation-settings: normal;
}
html[dir="rtl"] em { font-style: normal; color: var(--c-accent); }
html[dir="rtl"] .caption { letter-spacing: 0.02em; }

/* Rotator words were absolutely positioned left */
html[dir="rtl"] .rotator__word { left: auto; right: 0; text-align: right; }
html[dir="rtl"] .rotator { height: 1.25em; }
html[dir="rtl"] .hero__line--rotator { font-style: normal; }

/* Physical alignment leftovers */
html[dir="rtl"] .hero__footer-col--scroll { text-align: left; }
html[dir="rtl"] .footer__tagline { text-align: left; }
html[dir="rtl"] .contact__cta-text { align-items: flex-start; }

/* Arrows: keep them pointing the natural reading direction */
html[dir="rtl"] .nav__cta-arrow,
html[dir="rtl"] .btn__arrow,
html[dir="rtl"] .contact__cta-arrow,
html[dir="rtl"] .post-card__more span,
html[dir="rtl"] .plan-card__cta span {
  transform: scaleX(-1);
  display: inline-block;
}
html[dir="rtl"] .nav__cta:hover .nav__cta-arrow { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .contact__cta:hover .contact__cta-arrow { transform: scaleX(-1) translateX(4px); }

/* Marquee scrolls the other way */
html[dir="rtl"] .marquee__track { animation-direction: reverse; }

/* Approach progress bar fills from the right */
html[dir="rtl"] .approach__progress-bar { transform-origin: right; }

/* Mono/latin bits (numbers, codes) stay LTR inside RTL text */
html[dir="rtl"] .caption,
html[dir="rtl"] .service-card__num,
html[dir="rtl"] .approach-step__num,
html[dir="rtl"] .contact__cta-line2,
html[dir="rtl"] .footer__bottom { unicode-bidi: plaintext; }

/* Blockquote border side */
html[dir="rtl"] .article__body blockquote { border-left: 0; border-right: 3px solid var(--c-accent); padding-left: 0; padding-right: 1.25rem; }

/* Slightly larger Arabic body for readability */
html[dir="rtl"] .hero__sub,
html[dir="rtl"] .section-head__lede,
html[dir="rtl"] .article__body { font-size: 1.0625rem; }