/*!
 * Gesher — RTL patches
 * Only loaded when is_rtl(). main.css is written with logical CSS
 * properties (inset-inline-*, margin-inline-*, text-align:start, ...)
 * so it already mirrors correctly for RTL. This file exists only for
 * the handful of things logical CSS still can't express — physical
 * transforms/animations whose direction must flip explicitly, and any
 * icon that visually implies a direction (arrows).
 */

/* Off-canvas mobile menu slides in from the visual "end" (screen-right in
   LTR). In RTL the menu panel is still positioned at the inline-end via
   `inset-inline-end` in main.css, but translateX() is a physical (not
   logical) transform, so its sign must flip here. */
.gesher-mobile-menu {
	transform: translateX(-110%);
}
.gesher-mobile-menu.is-open {
	transform: translateX(0);
}

/* Sub-menu flyout: right after opening, a second-level submenu should
   continue "outward" (away from the first level) — under RTL that's the
   inline-start side, which main.css already handles via inset-inline-start.
   Nothing else needed here; kept as documentation for theme devs extending
   the menu system. */