/*
 * RTL direction-dependent fixes on top of Inotek's own style-rtl.css /
 * inotek-rtl.css. Each block below documents which page/component it was
 * found on and why the theme's own RTL CSS doesn't already handle it.
 * See the phase summary in git log / chat for the full write-up.
 */

/* --------------------------------------------------------------------
 * Header top bar ("Follow Us On :") — homepage + site-wide header.
 * The label is one literal text node ("Follow Us On :"). Inside an RTL
 * ancestor, the Unicode bidi algorithm repositions the trailing neutral
 * colon relative to the LTR word run, rendering as ": Follow Us On"
 * instead of "Follow Us On :". Isolating this span's own text in a fixed
 * LTR embedding fixes the character order without touching the markup
 * or the span's own position among its RTL-mirrored siblings.
 * -------------------------------------------------------------------- */
.menu-follow_title {
	direction: ltr;
	unicode-bidi: embed;
}

/* --------------------------------------------------------------------
 * Feature-box corner badge (homepage "Digital Transformation And
 * Automation" / "IT Consultancy and Management" cards, tv-feature-box
 * component — also used elsewhere this component appears).
 * The badge's container, border-radius and decorative corner notches are
 * already correctly mirrored by the vendor's inotek-rtl.css (right→left,
 * border-left→border-right, etc.). What's NOT mirrored is the arrow
 * glyph itself: it's two inline <svg> paths with fixed coordinates
 * (diagonal arrow drawn pointing up-right), which CSS direction/RTLCSS
 * auto-mirroring cannot flip on its own. Flipping the shared <i> wrapper
 * horizontally flips both SVGs as one unit so the arrow points up-left,
 * matching its now-top-left badge position.
 * -------------------------------------------------------------------- */
.tv-feature-section .tv-feature-box .icon-top .icon i {
	transform: scaleX(-1);
}

/* --------------------------------------------------------------------
 * Forward-direction "Learn More" / "Send Message" / "Join this Plan"
 * arrow icons (Font Awesome fa-arrow-right / fa-arrow-right-long).
 * These indicate forward progression, which visually points left in
 * RTL reading order — same reasoning already correctly applied to the
 * theme's own "Discover More" hero button, just not to these.
 * NOT included: fa-arrow-up-right icons on portfolio/project hover
 * buttons — those read as an "open/external" affordance rather than
 * forward navigation, and flipping them is a judgment call left for
 * operator sign-off (see phase summary).
 * -------------------------------------------------------------------- */
.learn-more .fa-arrow-right-long,
.theme-btn .fa-arrow-right,
.arrow1 .fa-arrow-right {
	transform: scaleX(-1);
}