/* Org Charts Hero — RTL overrides (.rp-org-charts-hero). Loaded only on
   AR/dir=rtl, after migration-rtl.css. Flex row reverses with dir=rtl
   automatically, so the text column sits on the right and the art on the left —
   no order swap needed. Latin -2px letter-spacing is wrong for Arabic; reset it. */
.rp-org-charts-hero__title { letter-spacing: normal; }

/* ROOT FIX (2026-07-13): the base (migration.css) sets the feature bands to `position: static`
   (so the base `top: 7em` is ignored). migration-rtl.css overrides org-charts bands to
   `position: relative`, which ACTIVATES that `top: 7em` and shifts every AR band down ~112px —
   the source of the misaligned/"displaced" images and empty gaps. Force `position: static`
   (EN's value) so AR bands sit in normal flow exactly like EN. */
.rp-org-charts .hero_double_section_2.hero_double_section_sticky,
.rp-org-charts .hero_double_section.hero_double_section_revert.hero_double_section_sticky {
  position: static !important;
}

/* Feature-section shuffle on AR (2026-07-13) — re-assert with higher specificity so it beats
   migration-rtl's page-scoped overrides: gray_bg bands → #f0f4fe, every other revert band →
   white (start-white alternating white / #fafbff, matching EN). */
.rp-org-charts .main-section-holder .hero_double_section_gray_bg { background-color: #fafbff !important; }
.rp-org-charts .main-section-holder .hero_double_section_revert:not(.hero_double_section_gray_bg) { background-color: #fff !important; }

/* Text column: match EN exactly, mirrored (2026-07-13). EN uses width:642px + padding
   32/40/32/0 (40px inner gap toward the image, 0 outer). AR base gives width:626px + padding
   40 on BOTH sides — a different width and non-mirrored padding, which shifted the image off
   the EN mirror. Force EN's width + the mirrored padding (inner=left 40, outer=right 0).
   Desktop only — tablet/mobile stack full-width. */
@media (min-width: 992px) {
  .rp-org-charts .double-slide-lleft-container { width: 642px !important; padding: 32px 0 32px 40px !important; }
}

/* Feature-image inner-inset MIRROR on AR desktop (2026-07-13): the base positions images with
   PHYSICAL margins — EN rev images 32|0 (hug right), non-rev 0|32 (hug left), a clean 32px inner
   gap. Physical margins don't flip in RTL, so AR images sat inconsistently (0|91.5). Mirror them:
   non-rev → hug RIGHT (32|0), rev → hug LEFT (0|32). Desktop only (tablet/mobile stack + centre). */
@media (min-width: 992px) {
  .rp-org-charts .double-section-img.double-section-img-side-by-side-img { margin-left: 32px !important; margin-right: 0 !important; }
  .rp-org-charts .double-section-img.double-section-img-side-by-side-img.double-section-img-side-by-side-img-rev { margin-left: 0 !important; margin-right: 32px !important; }
}

/* Stats dividers on AR (Mohamed 2026-07-13): RTL should use only border-left (the mirror of
   the LTR border-right). migration.min sets border-right and migration-rtl only ADDS
   border-left without clearing the right — so AR columns had BOTH (doubled + an edge line on
   the far right). Drop the stray border-right so only the left dividers remain. */
.rp-org-charts .grid-2-cols-item-card { border-right: 0 !important; }

/* AR feature CTA (Mohamed 2026-07-13): lavender fill + blue border, weight 500 (AR base
   alternates white/grey — force the EN-style uniform look). */
.rp-org-charts .btn-2.btn-gray {
  background-color: #f0f4fe !important;
  border-color: #114ef7 !important;
  font-weight: 500 !important;
}