/**
 * Safar RTL integration fixes.
 *
 * The generated *-rtl.css files mirror physical CSS declarations. This file
 * covers direction-sensitive behavior and third-party components that should
 * not be mechanically mirrored.
 */

html[dir="rtl"] body,
body.rtl {
	direction: rtl;
	text-align: right;
}

/* Header, dropdowns and mobile navigation. */
body.rtl .site-header,
body.rtl .safar-elementor-header-wrapper,
body.rtl .safar-header-area,
body.rtl .safar-mobile-menu-nav-wrapper,
body.rtl .safar-header-side-info-wrapper {
	direction: rtl;
}

body.rtl .safar-header-area .main-navigation ul .safar-mega-menu,
body.rtl .safar-header-area .main-navigation ul ul.safar-dropdown-menu,
body.rtl .safar-mobile-menu-nav-wrapper ul,
body.rtl .safar-header-side-info-wrapper {
	text-align: right;
}

body.rtl .safar-header-area.safar-navbar-expand-lg ul li:not(.mega-menu) ul.safar-dropdown-menu li.menu-item-has-children::after {
	transform: scaleX(-1);
}

/* WordPress, booking and shop content. */
body.rtl .widget,
body.rtl .comment-list,
body.rtl .comment-respond,
body.rtl .mphb_sc_search-form,
body.rtl .mphb-booking-form,
body.rtl .safar-mphb-booking-archive,
body.rtl .safar-babe-booking-archive,
body.rtl .safar-babe-search-form,
body.rtl .woocommerce,
body.rtl .woocommerce form,
body.rtl .woocommerce table {
	direction: rtl;
	text-align: right;
}

body.rtl table th,
body.rtl table td,
body.rtl .nice-select,
body.rtl .nice-select .option {
	text-align: right;
}

/* Keep inherently LTR values readable without moving them to the left. */
body.rtl input[type="email"],
body.rtl input[type="tel"],
body.rtl input[type="url"],
body.rtl input[type="number"],
body.rtl .woocommerce-Price-amount,
body.rtl .mphb-price {
	direction: ltr;
	text-align: right;
}

/* Swiper understands RTL movement but its stock controls use physical sides. */
html[dir="rtl"] .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset, 10px);
	left: auto;
}

html[dir="rtl"] .swiper-button-next {
	right: auto;
	left: var(--swiper-navigation-sides-offset, 10px);
}

@media (max-width: 767px) {
	body.rtl .safar-mobile-menu-nav-wrapper {
		right: -150px;
		left: auto;
	}

	body.rtl .safar-mobile-menu-nav-wrapper.safar-mobile-menu-visible {
		right: 0;
		left: auto;
	}
}
