/* Extra RTL polish for Arabic pages */

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

/* -------------------------------------------------------------------------
   Header — same colors as English; Cairo + RTL only
   English uses StellarNav "dark" → white menu text over the hero.
   ------------------------------------------------------------------------- */

body.ste-lang-ar .theme-header,
body.ste-lang-ar .theme-header .classic-header,
body.ste-lang-ar .theme-header .classic-header-inner {
	direction: rtl;
}

body.ste-lang-ar .theme-header .classic-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

body.ste-lang-ar .theme-header .classic-header-inner .brand {
	width: 20%;
	text-align: right;
}

body.ste-lang-ar .theme-header .classic-header-inner .menu-area {
	display: flex;
	width: 80%;
	direction: rtl;
	align-items: center;
}

body.ste-lang-ar .theme-header .classic-header-inner .main-menu {
	width: 100%;
	text-align: center !important;
}

body.ste-lang-ar .theme-header .classic-header-inner .menu-right:empty {
	display: none;
}

body.ste-lang-ar .theme-header .classic-header-inner .menu-right {
	width: auto;
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

/* Transparent bar like English — do not paint a black nav panel */
body.ste-lang-ar .theme-header.desktop .stellarnav.desktop,
body.ste-lang-ar .theme-header.desktop .stellarnav.desktop.dark,
body.ste-lang-ar .theme-header.desktop .stellarnav.dark ul ul {
	background: transparent !important;
}

body.ste-lang-ar .theme-header.desktop .stellarnav.desktop > ul {
	direction: rtl;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: transparent !important;
}

body.ste-lang-ar .theme-header.desktop .stellarnav.desktop > ul > li {
	display: inline-flex;
	align-items: center;
	float: none !important;
	vertical-align: middle;
}

body.ste-lang-ar .theme-header.desktop .stellarnav.desktop > ul > a.close-menu {
	display: none !important;
}

/*
 * Menu colors (must stay readable):
 * - Default / inner pages: navy on white header (match theme EN #00072d)
 * - Homepage only, not sticky: white over dark hero
 */
body.ste-lang-ar .theme-header.desktop .classic-header {
	background: #ffffff;
}

body.ste-lang-ar .theme-header.desktop .stellarnav.desktop ul li a,
body.ste-lang-ar .theme-header.desktop .stellarnav.desktop > ul > li > a,
body.ste-lang-ar .theme-header.desktop .stellarnav.dark a,
body.ste-lang-ar .theme-header.desktop .stellarnav.dark li a,
body.ste-lang-ar .theme-header .main-menu ul li a {
	font-family: "Cairo", "Tahoma", sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	letter-spacing: 0 !important;
	padding: 0 10px !important;
	line-height: 92px !important;
	white-space: nowrap;
	color: #00072d !important;
}

body.ste-lang-ar .theme-header.desktop .stellarnav.desktop ul li a:hover,
body.ste-lang-ar .theme-header.desktop .stellarnav.desktop .current-menu-item > a,
body.ste-lang-ar .theme-header.desktop .stellarnav.desktop .current-menu-ancestor > a {
	color: #d3a684 !important;
}

/* Homepage hero: transparent bar + white links until sticky */
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .classic-header {
	background: transparent;
}

body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.desktop ul li a,
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.desktop > ul > li > a,
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.dark a,
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.dark li a,
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .main-menu ul li a {
	color: #ffffff !important;
}

body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.desktop ul li a:hover,
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.desktop .current-menu-item > a,
body.ste-lang-ar.home .theme-header.desktop:not(.sticky-top) .stellarnav.desktop .current-menu-ancestor > a {
	color: #d3a684 !important;
}

/* Sticky always navy on white bar */
body.ste-lang-ar .theme-header.desktop.sticky-top .classic-header {
	background: #ffffff;
}

body.ste-lang-ar .theme-header.desktop.sticky-top .stellarnav.desktop ul li a,
body.ste-lang-ar .theme-header.desktop.sticky-top .stellarnav.desktop > ul > li > a {
	color: #00072d !important;
}

body.ste-lang-ar .theme-header.desktop.sticky-top .stellarnav.desktop ul li a:hover,
body.ste-lang-ar .theme-header.desktop.sticky-top .stellarnav.desktop .current-menu-item > a,
body.ste-lang-ar .theme-header.desktop.sticky-top .stellarnav.desktop .current-menu-ancestor > a {
	color: #d3a684 !important;
}

/* Mobile drawer from the right */
body.ste-lang-ar .theme-header .stellarnav.mobile.left,
body.ste-lang-ar .theme-header .stellarnav.mobile.right {
	text-align: right;
}

body.ste-lang-ar .theme-header.mobile .stellarnav.mobile li a,
body.ste-lang-ar .theme-header.mobile .stellarnav.mobile a {
	font-family: "Cairo", "Tahoma", sans-serif !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #ffffff !important;
	text-align: right;
}

body.ste-lang-ar .theme-header.mobile .stellarnav.mobile ul {
	text-align: right;
	direction: rtl;
}

/* WPML language switcher — plain menu item, no box/border */
body.ste-lang-ar .theme-header .wpml-ls-menu-item > a,
body.ste-lang-ar .theme-header li.wpml-ls-item > a {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.ste-lang-ar .theme-header .wpml-ls-flag {
	width: 18px;
	height: auto;
	margin: 0 !important;
	vertical-align: middle;
}

body.ste-lang-ar .theme-header .wpml-ls-native {
	font-family: "Cairo", "Tahoma", sans-serif !important;
}

@media (max-width: 1199px) {
	body.ste-lang-ar .theme-header.desktop .stellarnav.desktop ul li a,
	body.ste-lang-ar .theme-header.desktop .stellarnav.desktop > ul > li > a {
		font-size: 14px !important;
		padding: 0 6px !important;
	}
}

/* -------------------------------------------------------------------------
   Footer — force proper RTL (Elementor AR footer was saved with align-end)
   ------------------------------------------------------------------------- */

body.ste-lang-ar .custom-footer,
body.ste-lang-ar .elementor-21728 {
	direction: rtl;
	text-align: right;
}

body.ste-lang-ar .custom-footer .e-con-inner,
body.ste-lang-ar .elementor-21728 .e-con-inner {
	direction: rtl;
}

/* Columns: keep natural RTL row order (logo on the right) */
body.ste-lang-ar .elementor-21728 .elementor-element-f9d2243,
body.ste-lang-ar .elementor-21728 .elementor-element-ed5a01e,
body.ste-lang-ar .elementor-21728 .elementor-element-1d50d32 {
	direction: rtl;
}

/* Undo Elementor align-end (end = left in RTL) → content must start on the right */
body.ste-lang-ar .elementor-21728 .elementor-align-end,
body.ste-lang-ar .elementor-21728 .elementor-mobile-align-end,
body.ste-lang-ar .elementor-21728 .elementor-tablet-align-end,
body.ste-lang-ar .elementor-21728 [class*="elementor-align-end"] {
	text-align: right !important;
}

body.ste-lang-ar .elementor-21728 .elementor-widget-heading .elementor-heading-title,
body.ste-lang-ar .elementor-21728 .elementor-widget-text-editor,
body.ste-lang-ar .elementor-21728 .elementor-widget-text-editor p {
	text-align: right !important;
}

/* Logo column */
body.ste-lang-ar .elementor-21728 .elementor-element-f7c89f3,
body.ste-lang-ar .elementor-21728 .footer-logo {
	text-align: right !important;
}

body.ste-lang-ar .elementor-21728 .elementor-element-91b0cd7 {
	padding-left: 0 !important;
	padding-right: 15px !important;
	align-items: flex-start;
}

/* Icon lists: icon then text, reading from the right */
body.ste-lang-ar .elementor-21728 .elementor-widget-icon-list {
	--e-icon-list-icon-align: right;
	--e-icon-list-icon-margin: 0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);
}

body.ste-lang-ar .elementor-21728 .elementor-icon-list-items {
	text-align: right !important;
}

body.ste-lang-ar .elementor-21728 .elementor-icon-list-item {
	text-align: right !important;
	justify-content: flex-start !important;
}

body.ste-lang-ar .elementor-21728 .elementor-icon-list-item a {
	display: flex !important;
	flex-direction: row !important;
	justify-content: flex-start !important;
	align-items: center;
	text-align: right !important;
	width: 100%;
}

body.ste-lang-ar .elementor-21728 .elementor-icon-list-icon {
	margin-left: 8px !important;
	margin-right: 0 !important;
	padding-inline-end: 0 !important;
	padding-inline-start: 0 !important;
	order: 0;
}

body.ste-lang-ar .elementor-21728 .elementor-icon-list-text {
	order: 1;
	text-align: right !important;
}

/* Flip right-arrows so they point inward (←) for RTL */
body.ste-lang-ar .elementor-21728 .elementor-icon-list-icon svg.e-fas-arrow-right,
body.ste-lang-ar .elementor-21728 .e-fas-arrow-right {
	transform: scaleX(-1);
}

/* Bottom bar */
body.ste-lang-ar .elementor-21728 .elementor-element-c987f71 {
	align-items: flex-start !important;
	text-align: right !important;
}

body.ste-lang-ar .elementor-21728 .elementor-element-e8f1ea7 {
	text-align: right !important;
}

body.ste-lang-ar .elementor-21728 .elementor-element-03db944 {
	align-items: flex-end !important;
}

body.ste-lang-ar .elementor-21728 .elementor-element-d74a11e {
	text-align: right !important;
}

@media (max-width: 767px) {
	body.ste-lang-ar .elementor-21728 .elementor-element-e8f1ea7,
	body.ste-lang-ar .elementor-21728 .elementor-element-03db944 {
		text-align: center !important;
		align-items: center !important;
	}

	body.ste-lang-ar .elementor-21728 .elementor-align-end,
	body.ste-lang-ar .elementor-21728 .elementor-mobile-align-end {
		text-align: right !important;
	}
}

/* -------------------------------------------------------------------------
   Property / content RTL helpers
   ------------------------------------------------------------------------- */

[dir="rtl"] .property-single .title-area .title,
[dir="rtl"] .property-single .title-area .address,
[dir="rtl"] .property-single .property-description .text,
[dir="rtl"] .property-single .sl-box .heading,
[dir="rtl"] .property-single .features-list,
[dir="rtl"] .property-single .main-features,
[dir="rtl"] .property-single .price-area,
[dir="rtl"] .property-grid .property-info,
[dir="rtl"] .comments-area,
[dir="rtl"] .comment-respond,
[dir="rtl"] .agent-info,
[dir="rtl"] .contect-agent {
	text-align: right;
}

[dir="rtl"] .property-single .property-description .text p,
[dir="rtl"] .property-single .property-description .text h2,
[dir="rtl"] .property-single .property-description .text ul,
[dir="rtl"] .property-single .property-description .text table {
	text-align: right;
}

[dir="rtl"] .property-single .features-list ul li .sl-icon {
	margin-right: 0;
	margin-left: 8px;
}

[dir="rtl"] .property-single .title-area .address .sl-icon,
[dir="rtl"] .property-grid .address .sl-icon {
	margin-right: 0;
	margin-left: 6px;
}

[dir="rtl"] .property-single .main-features ul li .single-feature {
	text-align: right;
}

[dir="rtl"] .row {
	direction: rtl;
}

[dir="rtl"] #contact-buttons.ste-contact-buttons {
	direction: rtl;
	justify-content: space-evenly;
}

[dir="rtl"] .wpforms-container,
[dir="rtl"] .wpforms-field,
[dir="rtl"] .wpforms-field input,
[dir="rtl"] .wpforms-field textarea {
	text-align: right;
}