/* ==========================================================================
   Morood Capital Theme - RTL Stylesheet
   All rules scoped to [dir="rtl"] so they only apply in RTL mode.
   ========================================================================== */

:root[dir="rtl"] {
	/* Typography */
	--mc-font-heading: 'GE Dinar Two', sans-serif;
	--mc-font-body: 'DIN Next LT Arabic', sans-serif;
	--mc-font-nav: 'DIN Next LT Arabic', sans-serif;
}
	/* --------------------------------------------------------------------------
   @font-face Declarations
   -------------------------------------------------------------------------- */
@font-face {
	font-family: 'DIN Next LT Arabic';
	src: url('assets/fonts/din-next-lt-arabic-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Arabic';
	src: url('assets/fonts/din-next-lt-arabic-light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'DIN Next LT Arabic';
	src: url('assets/fonts/din-next-lt-arabic-bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GE Dinar Two';
	src: url('assets/fonts/ge-dinar-two-medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'GE Dinar Two';
	src: url('assets/fonts/ge-dinar-two-light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* --------------------------------------------------------------------------
   RTL Base Overrides
   -------------------------------------------------------------------------- */
[dir="rtl"] body {
	direction: rtl;
/* 	text-align: right; */
}

/* --------------------------------------------------------------------------
   Typography RTL
   -------------------------------------------------------------------------- */
/* [dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] .mc-header__nav a,
[dir="rtl"] .mc-header__lang-btn,
[dir="rtl"] .mc-offcanvas__nav a,
[dir="rtl"] .mc-footer-links a,
[dir="rtl"] .mc-footer-copyright,
[dir="rtl"] .mc-footer-newsletter,
[dir="rtl"] .mc-btn,
[dir="rtl"] .mc-archive-card__link,
[dir="rtl"] .mc-post-meta span,
[dir="rtl"] .mc-pagination a,
[dir="rtl"] .mc-pagination span {
	text-align: right;
} */

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .h1,
[dir="rtl"] .h2,
[dir="rtl"] .h3,
[dir="rtl"] .h3 p,
[dir="rtl"] .h3 h1,
[dir="rtl"] .h4,
[dir="rtl"] .h5,
[dir="rtl"] .h6 {
	line-height: 1.2;
}
[dir="rtl"] h2,
[dir="rtl"] .h2 {
	font-size: clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);
}

/* --------------------------------------------------------------------------
   Container & Layout RTL
   -------------------------------------------------------------------------- */
/* [dir="rtl"] .mc-header__inner {
	flex-direction: row-reverse;
} */

/* [dir="rtl"] .mc-footer__inner {
	flex-direction: column;
	align-items: flex-end;
} */

/* [dir="rtl"] .mc-footer__left,
[dir="rtl"] .mc-footer__right {
	justify-content: flex-end;
} */

/* --------------------------------------------------------------------------
   Navigation RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-header__nav {
	left: auto;
	right: 50%;
	transform: translateX(50%);
}

/* [dir="rtl"] .mc-header__nav ul {
	flex-direction: row-reverse;
} */

[dir="rtl"] .mc-header__nav ul ul {
	left: auto;
	right: 0;
	transform: translateX(0) translateY(10px);
}

[dir="rtl"] .mc-header__nav li:hover > ul {
	transform: translateX(0) translateY(0);
}

[dir="rtl"] .mc-header__nav a::after {
	left: auto;
	right: 0;
}

/* [dir="rtl"] .mc-header__nav li.menu-item-has-children > a::after {
	margin-left: 0;
	margin-right: 6px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid currentColor;
} */

/* --------------------------------------------------------------------------
   Offcanvas Sidebar RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-offcanvas {
	right: auto;
	left: -100%;
}

[dir="rtl"] .mc-offcanvas.is-open {
	left: 0;
}

[dir="rtl"] .mc-offcanvas__overlay {
	left: 0;
	right: 0;
}

[dir="rtl"] .mc-submenu-toggle {
	right: auto;
	left: 0;
}

[dir="rtl"] .mc-offcanvas-list > li.menu-item-has-children > a {
	padding-right: 0;
	padding-left: 48px;
}

/* --------------------------------------------------------------------------
   Header Logo RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-header__logo {
	order: -1;
}

[dir="rtl"] .mc-header__hamburger {
	order: 1;
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-footer__right,
[dir="rtl"] .mc-footer-links {
	align-items: baseline;
}

/* --------------------------------------------------------------------------
   Footer Social Icons RTL
   -------------------------------------------------------------------------- */
/* [dir="rtl"] .mc-footer-social {
	flex-direction: row-reverse;
} */

/* --------------------------------------------------------------------------
   Post Meta RTL
   -------------------------------------------------------------------------- */
/* [dir="rtl"] .mc-post-meta {
	flex-direction: row-reverse;
	justify-content: flex-end;
} */

/* --------------------------------------------------------------------------
   Pagination RTL
   -------------------------------------------------------------------------- */
/* [dir="rtl"] .mc-pagination {
	flex-direction: row-reverse;
} */

/* --------------------------------------------------------------------------
   Archive Grid RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-archive-card__content {
	text-align: right;
}

/* --------------------------------------------------------------------------
   Page Header RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-page-header {
	text-align: right;
}

/* --------------------------------------------------------------------------
   Search Form RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .mc-search-form .search-field {
	border-right: 1px solid #ced4da;
	border-left: none;
}

[dir="rtl"] .mc-search-form .search-submit {
	border-radius: 0 4px 4px 0;
}

/* --------------------------------------------------------------------------
   Lists RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] ul,
[dir="rtl"] ol {
	padding-left: 0;
	padding-right: 1.5em;
}

/* --------------------------------------------------------------------------
   Responsive RTL - Tablet
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
	[dir="rtl"] .mc-header__hamburger {
		display: flex;
/* 		order: -1; */
	}

	[dir="rtl"] .mc-footer__inner {
		align-items: center;
	}

	[dir="rtl"] .mc-footer__left,
	[dir="rtl"] .mc-footer__right {
		justify-content: center;
	}
}

/* --------------------------------------------------------------------------
   Responsive RTL - Mobile
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
	[dir="rtl"] .mc-footer__inner {
		text-align: center;
	}

	[dir="rtl"] .mc-offcanvas {
		left: 100%;
		right: auto;
	}

	[dir="rtl"] .mc-offcanvas.is-open {
		left: 0;
		right: auto;
	}

	[dir="rtl"] .mc-footer-links {
		justify-content: center;
	}
}

/* --------------------------------------------------------------------------
   Accessibility RTL
   -------------------------------------------------------------------------- */
[dir="rtl"] .screen-reader-text {
	direction: rtl;
}

/* --------------------------------------------------------------------------
   Utility RTL Classes
   -------------------------------------------------------------------------- */
[dir="rtl"] .text-right {
	text-align: left;
}

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