/*
Mercury - RTL overrides
Loaded only when is_rtl() is true (see mercury_scripts() in functions.php).

style.css / media.css already use CSS logical properties (margin-inline-*,
padding-inline-*, inset-inline-*, border-inline-*, text-align: start/end,
float: inline-start/end), so the base layout mirrors itself automatically.
This file only contains the few declarations that have no logical equivalent:
asymmetric border-radius shorthands, directional Font Awesome glyphs used in
pseudo-elements, Arabic typography adjustments and bidi isolation for
mixed-direction content (URLs, e-mails, promo codes).
*/

/* 1 - Directional glyphs (Font Awesome pseudo-elements) Start */

.space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children:after,
.space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children:after {
	content: "\f0d9"; /* caret-left (LTR uses caret-right \f0da) */
}

/* 1 - Directional glyphs End */

/* 2 - Asymmetric border-radius (no logical shorthand) Start */

.space-news-2-small-item-img-category a,
.space-news-3-item-img-category a {
	border-radius: 5px 0 5px 0;
}
.space-news-9-item img {
	border-radius: 5px 0 0 5px;
}
.space-news-9-item-background .space-news-9-item-img img {
	border-radius: 5px 0 0 5px !important;
}
@media screen and (max-width: 767px) and (min-width: 480px) {
	.space-news-9-item-background .space-news-9-item-img img {
		border-radius: 5px 0 0 5px !important;
	}
}

/* 2 - Asymmetric border-radius End */

/* 3 - Carousels: Owl Carousel is initialised with rtl: true in js/scripts.js (native RTL mode,
   .owl-carousel.owl-rtl in owl.carousel.css) - no CSS mirroring needed here. */

/* 4 - Mixed-direction content (keep LTR runs readable inside Arabic text) Start */

input[type="url"],
input[type="email"],
input[type="tel"],
input[type="number"],
.space-page-content pre,
.space-page-content code,
.space-page-content kbd,
.space-page-content samp {
	direction: ltr;
	unicode-bidi: isolate;
	text-align: start; /* = left inside an ltr box */
}

/* 4 - Mixed-direction content End */

/* 5 - Arabic typography Start */

/*
Roboto has no Arabic glyphs; style.css falls back to "Noto Sans Arabic"
(enqueued only for RTL in functions.php). Arabic script needs a little more
vertical room than Latin, so very tight heading line-heights are relaxed here.
*/

.space-title-box-h1 h1,
.space-page-content h1,
.space-page-content h2,
.space-page-content h3,
.space-page-content h4,
.space-page-content h5,
.space-page-content h6,
.home-page .textwidget h1,
.home-page .textwidget h2,
.home-page .textwidget h3,
.space-news-8-item-title-box,
.space-mobile-menu-list ul li a {
	line-height: 1.35;
}

/* 5 - Arabic typography End */