/*
Theme Name: Mercury KSA Multilang RTL
Description: Responsive right-to-left layout for Arabic Mercury/ACES pages.
Version: 3.9.12.1
*/

/* =========================================================
   1. Base direction and typography
   ========================================================= */

html[dir="rtl"],
html[dir="rtl"] body {
	direction: rtl;
}

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .space-page-content,
html[dir="rtl"] .space-widget,
html[dir="rtl"] .space-header,
html[dir="rtl"] .space-mobile-menu,
html[dir="rtl"] .space-footer {
	font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] .space-page-content,
html[dir="rtl"] .space-widget,
html[dir="rtl"] .space-title-box,
html[dir="rtl"] .space-archive-title-box,
html[dir="rtl"] .space-taxonomy-description {
	text-align: right;
}

html[dir="rtl"] .left {
	float: right;
}

html[dir="rtl"] .right {
	float: left;
}

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

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

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] option {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"] {
	direction: ltr;
	text-align: right;
}

html[dir="rtl"] .space-page-content ul,
html[dir="rtl"] .space-page-content ol,
html[dir="rtl"] .space-widget ul,
html[dir="rtl"] .space-widget ol {
	padding-right: 1.5em;
	padding-left: 0;
}

html[dir="rtl"] .space-page-content table,
html[dir="rtl"] .space-widget table {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-page-content th,
html[dir="rtl"] .space-page-content td,
html[dir="rtl"] .space-widget th,
html[dir="rtl"] .space-widget td {
	text-align: right;
}

html[dir="rtl"] blockquote {
	border-right-width: 4px;
	border-left-width: 0;
}

/* =========================================================
   2. Header style 1 and desktop navigation
   ========================================================= */

html[dir="rtl"] .space-header-top-menu,
html[dir="rtl"] .space-header-menu,
html[dir="rtl"] .space-header-menu ul.main-menu,
html[dir="rtl"] .space-header-menu ul.main-menu li,
html[dir="rtl"] .space-header-menu ul.main-menu li a {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-header-logo-ins:after {
	right: auto;
	left: 0;
}

html[dir="rtl"] .space-header-menu ul.main-menu {
	padding-right: 0;
	padding-left: 55px;
}

html[dir="rtl"] body.mercury-has-polylang .space-header-menu > ul.main-menu {
	padding-right: 0;
	padding-left: 200px;
}

html[dir="rtl"] .space-header-menu ul.main-menu > li,
html[dir="rtl"] .space-header-2-nav ul.main-menu > li {
	float: right;
}

html[dir="rtl"] .space-header-menu ul.main-menu li:last-child,
html[dir="rtl"] .space-header-2-nav ul.main-menu li:last-child {
	margin-left: 0;
	margin-right: initial;
}

html[dir="rtl"] .space-header-menu ul.main-menu li ul.sub-menu,
html[dir="rtl"] .space-header-2-nav ul.main-menu li ul.sub-menu {
	left: auto;
	right: -15px;
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-header-menu ul.main-menu li ul.sub-menu li,
html[dir="rtl"] .space-header-2-nav ul.main-menu li ul.sub-menu li {
	float: right;
	text-align: right;
}

html[dir="rtl"] .space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children ul,
html[dir="rtl"] .space-header-menu ul.main-menu li.menu-item-has-children ul.sub-menu li ul,
html[dir="rtl"] .space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children ul,
html[dir="rtl"] .space-header-2-nav ul.main-menu li.menu-item-has-children ul.sub-menu li ul {
	left: auto;
	right: 230px;
}

html[dir="rtl"] .space-header-menu ul.main-menu li ul.sub-menu li.menu-item-has-children:after,
html[dir="rtl"] .space-header-2-nav ul.main-menu li ul.sub-menu li.menu-item-has-children:after {
	content: "\f0d9";
	right: auto;
	left: 15px;
}

html[dir="rtl"] .space-header-search {
	right: auto;
	left: 15px;
}

html[dir="rtl"] .space-header-menu > .mercury-language-switcher--desktop {
	right: auto;
	left: 52px;
}

html[dir="rtl"] .mercury-language-switcher ul {
	right: auto;
	left: 0;
	text-align: right;
}

html[dir="rtl"] .space-header-top-soc a,
html[dir="rtl"] .space-header-2-top-soc a {
	margin-right: 0;
	margin-left: 15px;
}

html[dir="rtl"] .space-header-2-top-soc a:last-child {
	margin-left: 0;
}

/* =========================================================
   3. Header style 2
   ========================================================= */

html[dir="rtl"] .space-header-2-top-ins,
html[dir="rtl"] .space-header-2-nav-ins,
html[dir="rtl"] .space-header-2-nav ul.main-menu {
	direction: rtl;
}

html[dir="rtl"] .space-header-2-top-search {
	text-align: left;
}

html[dir="rtl"] .space-header-2-top-search .space-header-search {
	right: auto;
	left: 0;
}

html[dir="rtl"] .space-header-2-top-search > .mercury-language-switcher--desktop {
	right: auto;
	left: 42px;
}

/* =========================================================
   4. Mobile navigation
   ========================================================= */

html[dir="rtl"] .space-mobile-menu,
html[dir="rtl"] .space-mobile-menu-block,
html[dir="rtl"] .space-mobile-menu-list,
html[dir="rtl"] .space-mobile-menu-list ul,
html[dir="rtl"] .space-mobile-menu-list li {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-mobile-menu-block {
	right: auto;
	left: 0;
}

html[dir="rtl"] .space-mobile-menu-close-button {
	right: auto;
	left: 20px;
}

html[dir="rtl"] .space-mobile-menu-list ul li {
	text-align: right;
}

html[dir="rtl"] .space-mobile-menu-list ul li.menu-item-has-children:after,
html[dir="rtl"] .space-mobile-menu-list ul li.menu-item-has-children.space-up:after {
	right: auto;
	left: 0;
}

html[dir="rtl"] .space-mobile-menu-list ul li ul.sub-menu {
	padding-right: 15px;
	padding-left: 0;
}

html[dir="rtl"] .space-mobile-menu-list > ul > li.new:before,
html[dir="rtl"] .space-mobile-menu-list > ul > li.best:before,
html[dir="rtl"] .space-mobile-menu-list > ul > li.hot:before,
html[dir="rtl"] .space-mobile-menu-list > ul > li.top:before,
html[dir="rtl"] .space-mobile-menu-list > ul > li.fair:before {
	right: auto;
	left: 25px;
}

html[dir="rtl"] .space-mobile-menu-list > ul > li.new:before,
html[dir="rtl"] ul.main-menu > li.new > a:before {
	content: "جديد";
}

html[dir="rtl"] .space-mobile-menu-list > ul > li.best:before,
html[dir="rtl"] ul.main-menu > li.best > a:before {
	content: "الأفضل";
}

html[dir="rtl"] .space-mobile-menu-list > ul > li.hot:before,
html[dir="rtl"] ul.main-menu > li.hot > a:before {
	content: "رائج";
}

html[dir="rtl"] .space-mobile-menu-list > ul > li.top:before,
html[dir="rtl"] ul.main-menu > li.top > a:before {
	content: "الأعلى";
}

html[dir="rtl"] .space-mobile-menu-list > ul > li.fair:before,
html[dir="rtl"] ul.main-menu > li.fair > a:before {
	content: "موثوق";
}

html[dir="rtl"] .space-mobile-menu-copy {
	text-align: right;
}

/* =========================================================
   5. Titles, breadcrumbs and pagination
   ========================================================= */

html[dir="rtl"] .space-title-box-h1,
html[dir="rtl"] .space-archive-title-box-h1,
html[dir="rtl"] .space-breadcrumbs,
html[dir="rtl"] .space-breadcrumbs span,
html[dir="rtl"] .space-breadcrumbs a {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-breadcrumbs i,
html[dir="rtl"] .space-breadcrumbs .fa-chevron-right {
	transform: scaleX(-1);
}

html[dir="rtl"] nav.pagination,
html[dir="rtl"] nav.comments-pagination,
html[dir="rtl"] nav.pagination-post {
	direction: rtl;
}

/* =========================================================
   6. News archive cards and article metadata
   ========================================================= */

html[dir="rtl"] .space-archive-loop-item,
html[dir="rtl"] .space-archive-loop-item-title-box,
html[dir="rtl"] .space-archive-loop-item-title-box-ins,
html[dir="rtl"] .space-archive-loop-item-title,
html[dir="rtl"] .space-archive-loop-item-excerpt,
html[dir="rtl"] .space-archive-loop-item-meta {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-archive-loop-item-img-category {
	right: auto;
	left: -15px;
	text-align: left;
}

html[dir="rtl"] .space-archive-loop-item-title-box.no-image .space-archive-loop-item-img-category {
	margin-right: 0;
	margin-left: 15px;
	right: auto;
	left: auto;
}

html[dir="rtl"] .space-archive-loop-item-meta span:nth-child(2),
html[dir="rtl"] .space-archive-loop-item-meta span:nth-child(3) {
	margin-left: 0;
	margin-right: 15px;
}

html[dir="rtl"] .space-archive-loop-item-meta span.read-more {
	margin-right: 0;
	margin-left: 30px;
}

html[dir="rtl"] .space-archive-loop-item-meta i,
html[dir="rtl"] .space-page-content-meta-data i,
html[dir="rtl"] .space-news-1-item-meta i,
html[dir="rtl"] .space-news-8-item-title-meta i,
html[dir="rtl"] .space-news-9-item-meta i {
	padding-right: 0;
	padding-left: 5px;
}

html[dir="rtl"] .space-page-content-meta {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-page-content-meta-avatar {
	left: auto;
	right: 0;
}

html[dir="rtl"] .space-page-content-meta-ins {
	padding-left: 0;
	padding-right: 65px;
}

html[dir="rtl"] .space-page-content-meta-author,
html[dir="rtl"] .space-page-content-meta-data,
html[dir="rtl"] .space-page-content-meta-data-ins {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-page-content-meta-data span {
	margin-right: 0;
	margin-left: 20px;
}

/* =========================================================
   7. Sidebar and standard widgets
   ========================================================= */

html[dir="rtl"] .space-sidebar-section,
html[dir="rtl"] .space-sidebar-section .space-widget,
html[dir="rtl"] .space-sidebar-section .space-block-title,
html[dir="rtl"] .space-sidebar-section .space-widget-title {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-widget-title span {
	padding-left: 0;
	padding-right: 23px;
}

html[dir="rtl"] .space-widget-title span:before {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: 10px;
}

html[dir="rtl"] .wp-block-search__inside-wrapper {
	direction: rtl;
}

html[dir="rtl"] .wp-block-search__button {
	margin-right: 8px;
	margin-left: 0;
}

html[dir="rtl"] .widget_recent_entries li,
html[dir="rtl"] .widget_recent_comments li,
html[dir="rtl"] .wp-block-latest-posts li,
html[dir="rtl"] .wp-block-latest-comments li,
html[dir="rtl"] .wp-block-categories li {
	text-align: right;
}

/* Recent News: retain the original layout but mirror it safely. */
html[dir="rtl"] .space-news-1-item-ins {
	direction: rtl;
}

html[dir="rtl"] .space-news-1-item-img {
	margin-right: 0;
	margin-left: -115px;
}

html[dir="rtl"] .space-news-1-item-title-box-ins {
	margin-left: 0;
	margin-right: 115px;
	text-align: right;
}

html[dir="rtl"] .space-news-1-item-img:empty {
	display: none;
}

html[dir="rtl"] .space-news-1-item-img:empty + .space-news-1-item-title-box .space-news-1-item-title-box-ins {
	margin-right: 0;
	margin-left: 0;
}

html[dir="rtl"] .space-news-1-item-meta span:first-child {
	margin-right: 0;
	margin-left: 20px;
}

/* More compact Recent News thumbnails in the sidebar. */
html[dir="rtl"] .space-sidebar-section .space-news-1-item-img:not(:empty) {
	width: 72px;
	height: 72px;
	margin-left: -72px;
}

html[dir="rtl"] .space-sidebar-section .space-news-1-item-img:not(:empty) img {
	width: 72px;
	height: 72px;
	object-fit: cover;
}

html[dir="rtl"] .space-sidebar-section .space-news-1-item-img:not(:empty) + .space-news-1-item-title-box .space-news-1-item-title-box-ins {
	margin-right: 84px;
}

/* New Casinos shortcode: targeted flex fix only for this component. */
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item,
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-ins {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-ins {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 12px;
	direction: rtl;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-img,
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-title-box {
	float: none;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-img {
	flex: 0 0 64px;
	width: 64px;
	max-width: 64px;
	margin: 0;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-img img {
	display: block;
	width: 64px;
	height: 64px;
	max-width: 64px;
	object-fit: contain;
	border-radius: 8px;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-title-box {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	max-width: calc(100% - 76px);
	margin: 0;
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-title-box-ins,
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-title,
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-rating,
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-desc {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	text-align: right;
}

html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-title a,
html[dir="rtl"] .space-sidebar-section .space-companies-2-archive-item-desc {
	white-space: normal;
	overflow-wrap: break-word;
	word-break: normal;
}

html[dir="rtl"] .space-sidebar-section img {
	max-width: 100%;
	height: auto;
}

/* =========================================================
   8. ACES casino, game and bonus components
   ========================================================= */

html[dir="rtl"] [class*="space-organizations"],
html[dir="rtl"] [class*="space-companies"],
html[dir="rtl"] [class*="space-units"],
html[dir="rtl"] [class*="space-offers"],
html[dir="rtl"] [class*="space-bonuses"],
html[dir="rtl"] .space-organization-content,
html[dir="rtl"] .space-unit-content,
html[dir="rtl"] .space-offer-content,
html[dir="rtl"] .space-pros,
html[dir="rtl"] .space-cons {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-pros ul,
html[dir="rtl"] .space-cons ul,
html[dir="rtl"] .space-organization-content ul,
html[dir="rtl"] .space-unit-content ul {
	padding-right: 0;
}

html[dir="rtl"] .space-pros ul li,
html[dir="rtl"] .space-cons ul li {
	padding-left: 0;
	padding-right: 26px;
}

html[dir="rtl"] .space-pros ul li:before,
html[dir="rtl"] .space-cons ul li:before {
	left: auto;
	right: 0;
}

html[dir="rtl"] .star-rating,
html[dir="rtl"] .space-rating-stars {
	direction: ltr;
	text-align: right;
}

html[dir="rtl"] .space-organization-content-info span,
html[dir="rtl"] .space-organization-details-item,
html[dir="rtl"] .space-unit-content-info span {
	text-align: right;
}

/* =========================================================
   9. Comments and forms
   ========================================================= */

html[dir="rtl"] .space-comments,
html[dir="rtl"] .comment-list,
html[dir="rtl"] .comment-body,
html[dir="rtl"] .comment-respond,
html[dir="rtl"] .comment-form {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .comment-list .children {
	margin-left: 0;
	margin-right: 30px;
}

html[dir="rtl"] .comment-form-cookies-consent input {
	margin-right: 0;
	margin-left: 8px;
}

/* =========================================================
   10. Footer
   ========================================================= */

html[dir="rtl"] .space-footer-copy,
html[dir="rtl"] .space-footer-copy-left,
html[dir="rtl"] .space-footer-copy-menu {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .space-footer-copy-menu ul {
	float: left;
}

html[dir="rtl"] .space-footer-copy-menu ul li {
	float: right;
	margin-left: 0;
	margin-right: 30px;
}

html[dir="rtl"] .space-footer-copy-menu ul li:first-child {
	margin-right: 0;
}

/* =========================================================
   11. Carousels and directional controls
   ========================================================= */

html[dir="rtl"] .owl-carousel {
	direction: rtl;
}

html[dir="rtl"] .space-news-8-items .owl-nav {
	right: auto;
	left: 45px;
}

html[dir="rtl"] .space-news-8-item-title-meta span {
	padding-right: 0;
	padding-left: 20px;
}

html[dir="rtl"] .space-news-8-item-title-meta span:last-child {
	padding-left: 0;
}

/* =========================================================
   12. Responsive RTL corrections
   ========================================================= */

@media screen and (max-width: 1199px) {
	html[dir="rtl"] body.mercury-has-polylang .space-header-menu > ul.main-menu {
		padding-left: 55px;
	}

	html[dir="rtl"] .space-header-search {
		right: auto;
		left: 55px;
	}

	html[dir="rtl"] .space-mobile-menu-icon {
		right: auto;
		left: 15px;
	}

	html[dir="rtl"] .space-header-2-top-soc .space-mobile-menu-icon {
		left: auto;
		right: 15px;
	}

	html[dir="rtl"] .space-header-2-top-search .space-header-search {
		right: auto;
		left: 15px;
	}
}

@media screen and (max-width: 767px) {
	html[dir="rtl"] .space-page-content-meta-ins {
		padding-right: 60px;
	}

	html[dir="rtl"] .space-page-content-meta-data span {
		margin-left: 12px;
	}

	html[dir="rtl"] .space-sidebar-section > .theiaStickySidebar {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		width: 100% !important;
		transform: none !important;
	}

	html[dir="rtl"] .space-archive-loop-item-img-category {
		left: 0;
		right: auto;
	}
}

/* Final specificity safeguards for Arabic typography and top-bar alignment. */
html[dir="rtl"] .space-box h1,
html[dir="rtl"] .space-box h2,
html[dir="rtl"] .space-box h3,
html[dir="rtl"] .space-box h4,
html[dir="rtl"] .space-box h5,
html[dir="rtl"] .space-box h6,
html[dir="rtl"] .space-box p,
html[dir="rtl"] .space-box a,
html[dir="rtl"] .space-box button,
html[dir="rtl"] .space-box input,
html[dir="rtl"] .space-box textarea,
html[dir="rtl"] .space-box select,
html[dir="rtl"] .space-box label,
html[dir="rtl"] .space-box li,
html[dir="rtl"] .space-box span:not(.star):not(.dashicons) {
	font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .space-header-top-menu ul {
	padding-left: 0;
	padding-right: 15px;
}

html[dir="rtl"] .space-header-top-menu ul li {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

html[dir="rtl"] .space-sidebar-section > .theiaStickySidebar {
	max-width: 100%;
	box-sizing: border-box;
}

html[dir="rtl"] div.wp-block-categories,
html[dir="rtl"] .wp-block-latest-posts,
html[dir="rtl"] .wp-block-latest-comments {
	text-align: right;
}