/* =====================================================================
 * Kasheer master SaaS landing — RTL (Arabic) overrides
 * Loaded only when the selected language is Arabic (html[dir="rtl"]).
 * The layout is mostly flexbox/grid with logical properties, so this file
 * only flips the remaining physical (left/right) rules and applies an
 * Arabic-friendly typeface.
 * ===================================================================== */

body.kasheer-landing.arabic-lang,
html[dir="rtl"] body.kasheer-landing {
  font-family: "Cairo", "Outfit", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  text-align: right;
}

/* Keep intentionally-centered blocks centered */
html[dir="rtl"] .kasheer-hero__intro,
html[dir="rtl"] .kasheer-section__title--center,
html[dir="rtl"] .kasheer-section__lead--center,
html[dir="rtl"] .kasheer-trust__label,
html[dir="rtl"] .kasheer-plan h3,
html[dir="rtl"] .kasheer-plan__tagline,
html[dir="rtl"] .kasheer-plan__price,
html[dir="rtl"] .kasheer-plan__btn,
html[dir="rtl"] .kasheer-how-card,
html[dir="rtl"] .kasheer-integration-tile,
html[dir="rtl"] .kasheer-pricing-testimonial,
html[dir="rtl"] .kasheer-footer__copyright {
  text-align: center;
}

/* Feature-list accordion arrow moves to the (visual) left in RTL */
html[dir="rtl"] .kasheer-feature-list__arrow {
  margin-left: 0;
  margin-right: auto;
}

/* AI bullet list marker flips to the right edge */
html[dir="rtl"] .kasheer-ai-layout__list li {
  padding-left: 0;
  padding-right: 16px;
}

html[dir="rtl"] .kasheer-ai-layout__list li::before {
  left: auto;
  right: 0;
}

/* Compare table row headers align to the start (right) in RTL */
html[dir="rtl"] .kasheer-compare__table tbody th {
  text-align: right;
}

/* Language switcher dropdown opens from the correct edge */
html[dir="rtl"] .kasheer-lang__menu {
  box-shadow: 0 12px 32px rgba(1, 15, 132, 0.12);
}

/* The login arrow icon should point the other way in RTL */
html[dir="rtl"] .kasheer-icon--login-arrow,
html[dir="rtl"] .kasheer-icon--arrow-right {
  transform: rotate(90deg);
}

/* Trust marquee flows LTR regardless of page direction (see base CSS
   .kasheer-trust__track) so the two logo copies tile seamlessly. */