/*
 * ESS Theme — RTL overrides.
 * Loaded only when is_rtl() (Arabic). Mirrors the direction-specific rules;
 * anything using text-align:start / flex / grid / logical layout flips on its own.
 */

/* --------------------------------------------------------- Header: top bar */
[dir="rtl"] .ess-topbar__contact { margin-left: 0; margin-right: auto; }
[dir="rtl"] .ess-topbar__item + .ess-topbar__item { margin-left: 0; margin-right: 26px; }
[dir="rtl"] .ess-topbar__item + .ess-topbar__item::before { left: auto; right: -15px; }
[dir="rtl"] .ess-topbar .ess-social { margin-left: 0; margin-right: 24px; }

/* Phones: two-column grid — text rows at the start edge, switcher opposite. */
@media (max-width: 600px) {
	/* Grid columns mirror on their own; just clear the inherited item margins. */
	[dir="rtl"] .ess-topbar__phone + .ess-topbar__item { margin-right: 0; }
	[dir="rtl"] .ess-topbar__contact .ess-lang { margin-right: 0; margin-left: 0; }
}

/* --------------------------------------------------------- Header: nav bar */
[dir="rtl"] .ess-menu > li + li { box-shadow: 1px 0 0 rgba(255, 255, 255, .3); }
[dir="rtl"] .ess-menu .sub-menu { left: auto; right: 0; }

/* Off-canvas drawer slides in from the left in RTL. */
@media (max-width: 992px) {
	[dir="rtl"] .ess-navbar {
		right: auto;
		left: 0;
		transform: translateX(-100%);
		box-shadow: 10px 0 30px rgba(0, 0, 0, .15);
	}
	[dir="rtl"] body.ess-nav-open .ess-navbar { transform: translateX(0); }
	[dir="rtl"] .ess-menu > li + li { box-shadow: none; }
}

/* --------------------------------------------------------- WhatsApp float */
[dir="rtl"] .ess-whatsapp { right: auto; left: 26px; }

/* --------------------------------------------------------- Featured News */
[dir="rtl"] .ess-news__badge { left: auto; right: 22px; }
[dir="rtl"] .ess-news__more::after { transform-origin: right; }
[dir="rtl"] .ess-news .ess-news__more:hover { transform: translateX(-4px); }

/*
 * Notes:
 * - Hero Slider: Swiper direction is handled via dir="rtl" on the container
 *   (set in the widget when is_rtl). Content alignment is a per-slide control,
 *   so set it to "Right" on the Arabic page.
 * - Image Cards / Counters / Service Cards / Feature Section use centered or
 *   start-aligned (text-align:start) layouts that mirror automatically.
 */