/* ==========================================================================
   RTL Overrides
   Most spacing/alignment already uses logical properties (margin-inline-*,
   border-inline-*, padding-block-*) in the other stylesheets, so it mirrors
   automatically. This file only covers the handful of things logical
   properties don't fix on their own.
   ========================================================================== */

/* Letter-spacing on small eyebrow/caption labels reads oddly wide in Arabic
   script - reduce it rather than mirror it */
html[dir="rtl"] .institute-threshold .eyebrow,
html[dir="rtl"] .institute-chapter .chapter-number,
html[dir="rtl"] .card-institute .eyebrow {
	letter-spacing: 0.5px;
}

/* Directional icons (arrows, chevrons) must visually flip in RTL - apply
   this class in Elementor to any icon widget that implies a direction */
html[dir="rtl"] .institute-icon-directional {
	transform: scaleX(-1);
}

/* Sticky mobile action bar: WhatsApp icon margin was defined with a fixed
   margin-right in the original mockup markup - if any inline styles like
   that get carried into Elementor widgets, this rule is the safety net */
html[dir="rtl"] .institute-sticky-actions i[class*="ti-"] {
	margin-inline-end: 5px;
	margin-inline-start: 0;
}