/**
 * Temporary fix — RTL sites only.
 *
 * Bug: in the new us-core/Zephyr version, the Mobile Menu "Vertical Panel"
 * layout (mobile_layout = panel) positions the sliding panel with CSS
 * logical properties (inset-inline-start / inset-inline-end) instead of
 * physical left/right, as it did in the previous version.
 *
 * Logical properties flip automatically on RTL pages. So the widget's
 * "Appear From Left" / "Appear From Right" option (which is meant to pick a
 * fixed, physical side) ends up opening from the opposite side on an RTL
 * site, and the panel can render misaligned/glitchy.
 *
 * Fix: force the same rules back to physical left/right for RTL, matching
 * the old (correct) behavior. Nothing else about the menu is touched.
 *
 * Remove this plugin once the theme vendor ships an official fix.
 */

/* Header layout: Horizontal (default) */
body.rtl .w-nav.type_mobile.m_layout_panel.m_effect_afl .w-nav-list.level_1 {
	inset-inline-start: auto !important;
	right: auto !important;
	left: var(--site-outline-width, 0px) !important;
}
body.rtl .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 {
	inset-inline-end: auto !important;
	left: auto !important;
	right: var(--site-outline-width, 0px) !important;
}

/* Header layout: Vertical */
body.rtl.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afl .w-nav-list.level_1 {
	inset-inline-start: auto !important;
	right: auto !important;
	left: 0 !important;
}
body.rtl.header_ver .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 {
	inset-inline-end: auto !important;
	left: auto !important;
	right: 0 !important;
}