/* ==========================================================================
   Campaign landing pages — Arabic (RTL) overrides.

   Loaded only on Arabic pages, after landing.css. Every rule is scoped to
   [dir="rtl"] so it can never affect the English pages.

   landing.css is written with logical properties (inset-inline, margin-inline,
   padding-inline) wherever possible, so this file only has to handle what
   logical properties cannot: typography, and the few places where a physical
   direction is deliberate.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Typography
   -------------------------------------------------------------------------- */

[dir="rtl"] body,
[dir="rtl"] .lp-page,
[dir="rtl"] .lp-page :where(h1, h2, h3, h4, h5, h6, p, a, li, span, div, label, button),
[dir="rtl"] .lp-header,
[dir="rtl"] .lp-footer,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] .text-field,
[dir="rtl"] .field-label,
[dir="rtl"] .submit-button {
  font-family: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
}

/* Arabic script needs more vertical room than Latin at the same size. */
[dir="rtl"] .lp-page { line-height: 1.75; }

[dir="rtl"] .lp-banner__title,
[dir="rtl"] .lp-title,
[dir="rtl"] .lp-cover__title,
[dir="rtl"] .lp-cta-band__title {
  line-height: 1.35;
  letter-spacing: 0;
}

[dir="rtl"] .lp-unit__type,
[dir="rtl"] .lp-plan__title,
[dir="rtl"] .lp-feature__label,
[dir="rtl"] .lp-form-card__title {
  line-height: 1.5;
  letter-spacing: 0;
}

/* Letter-spacing breaks Arabic letter joining — never apply it. */
[dir="rtl"] .lp-eyebrow,
[dir="rtl"] .lp-plan__flag,
[dir="rtl"] .lp-unit__status,
[dir="rtl"] .lp-unit__spec-label,
[dir="rtl"] .lp-unit__price-label,
[dir="rtl"] .lp-plan__figure-label,
[dir="rtl"] .lp-trustbar__label,
[dir="rtl"] .submit-button {
  letter-spacing: 0;
  text-transform: none;
}

/* --------------------------------------------------------------------------
   Numerals, phone numbers and URLs stay left-to-right inside RTL copy
   -------------------------------------------------------------------------- */

[dir="rtl"] .lp-header__phone,
[dir="rtl"] .lp-footer__phone,
[dir="rtl"] .lp-trustbar__value,
[dir="rtl"] .lp-plan__figure-value,
[dir="rtl"] .lp-unit__price-value,
[dir="rtl"] .lp-unit__spec-value,
[dir="rtl"] .lp-landmark__distance {
  unicode-bidi: isolate;
}

[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"] {
  direction: ltr;
  text-align: right;
}

/* --------------------------------------------------------------------------
   Deliberate physical directions
   -------------------------------------------------------------------------- */

/* The floating call / WhatsApp stack stays on the right in Arabic too, matching
   the English pages. Swap `right` for `left` here if that should ever mirror. */
[dir="rtl"] .lp-float-contact { right: 20px; left: auto; }

@media (max-width: 767px) {
  [dir="rtl"] .lp-float-contact { right: 14px; left: auto; }
}

/* The play triangle is a directional glyph, so it mirrors with the layout. */
[dir="rtl"] .lp-video__play svg { transform: scaleX(-1); }

/* Webflow's slider arrows point the wrong way once the page is mirrored. */
[dir="rtl"] .slider-arrow-icon { transform: scaleX(-1); }