/* =========================================================
   Digital Falcon — Arabic / RTL stylesheet
   Extends styles.css; loaded only on the Arabic page.
   ========================================================= */

html[dir="rtl"] body {
  font-family: "Cairo", "Segoe UI", "Tahoma", system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1.8;
}

html[dir="rtl"] p,
html[dir="rtl"] .hero__lead,
html[dir="rtl"] .section__lead,
html[dir="rtl"] .card p,
html[dir="rtl"] .service__body p,
html[dir="rtl"] .footer__brand p,
html[dir="rtl"] .footer__legal,
html[dir="rtl"] .trust > span,
html[dir="rtl"] .contact__list small,
html[dir="rtl"] .contact__list a,
html[dir="rtl"] .contact__list span,
html[dir="rtl"] .field label,
html[dir="rtl"] .field input,
html[dir="rtl"] .field textarea,
html[dir="rtl"] .error,
html[dir="rtl"] .form__status {
  font-weight: 400;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .brand__text strong,
html[dir="rtl"] .hero__stats strong,
html[dir="rtl"] .service__num,
html[dir="rtl"] .trust__logos span {
  font-family: "Cairo", "Tahoma", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

html[dir="rtl"] h1 { line-height: 1.25; }
html[dir="rtl"] h2 { line-height: 1.3; }
html[dir="rtl"] .hero__title { line-height: 1.3; }
html[dir="rtl"] .eyebrow { letter-spacing: 0; }

/* RTL spacing flips */
html[dir="rtl"] .brand { margin-inline-end: auto; margin-inline-start: 0; }
html[dir="rtl"] .nav__links a::after { transform-origin: right; }
html[dir="rtl"] .footer__legal { text-align: left; }

/* Service number in top-right for RTL */
html[dir="rtl"] .service__num { left: auto; right: 1rem; }

/* Orbit dots — mirror so they don't look like English */
html[dir="rtl"] .orbit__dot--a { left: auto; right: 50%; transform: translateX(50%); }
html[dir="rtl"] .orbit__dot--b { right: auto; left: 4%; }
html[dir="rtl"] .orbit__dot--c { left: auto; right: 16%; }

/* Phone numbers always LTR */
html[dir="rtl"] [dir="ltr"] { unicode-bidi: isolate; }

/* Operators marquee — force LTR so scroll animation stays continuous in RTL */
html[dir="rtl"] .operators-marquee,
html[dir="rtl"] .operators-marquee__track,
html[dir="rtl"] .operators-marquee__group {
  direction: ltr;
}

/* Make form labels feel right */
html[dir="rtl"] .field input,
html[dir="rtl"] .field textarea { text-align: right; }
html[dir="rtl"] .field input[type="tel"],
html[dir="rtl"] .field input[type="email"] { text-align: left; direction: ltr; }

/* Footer brand alignment */
@media (max-width: 960px) {
  html[dir="rtl"] .footer__legal { text-align: center; }
}