/**
 * Right-to-left refinements for Arabic pages.
 */

body {
	direction: rtl;
	font-family: "MP Cairo", "Tahoma", sans-serif;
	font-size: 17px;
	line-height: 1.9;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	line-height: 1.18;
	letter-spacing: 0;
}

body .mp-kicker,
body .mp-button,
body .wp-element-button,
body .header-cta,
body .mp-menu a {
	letter-spacing: 0;
	text-transform: none;
}

.mp-page-hero__title {
	max-width: 980px;
	font-size: clamp(2.9rem, 2.15rem + 3.4vw, 5.8rem);
	line-height: 1.04;
}

.mp-page-hero-art {
	right: auto;
	left: max(24px, calc((100vw - var(--mp-container)) / 2));
	--art-rotate-y: 5deg;
}

.has-mp-page-art .mp-page-hero__inner {
	padding-right: 0;
	padding-left: min(48vw, 680px);
}

.has-mp-page-art .mp-page-hero__title {
	max-width: 650px;
}

.mp-page-hero__lead,
.mp-page-section__heading > p,
.mp-page-split > div > p {
	font-size: clamp(1.05rem, 0.98rem + 0.35vw, 1.28rem);
	line-height: 1.9;
}

.mp-ar .mp-cube-hero__content h1 {
	font-size: clamp(2.8rem, 2.3rem + 2vw, 4.7rem);
	line-height: 1.12;
}

.mp-page-section h2,
.mp-page-split h2,
.mp-contact-grid h2 {
	line-height: 1.15;
	letter-spacing: 0;
}

blockquote {
	padding-right: 1.6rem;
	padding-left: 0;
	border-right: 3px solid var(--mp-red);
	border-left: 0;
}

.site-header__inner,
.site-footer__main,
.site-footer__cta-inner,
.mp-footer-source__inner {
	direction: rtl;
}

.mp-wordmark {
	direction: ltr;
}

.mp-menu .sub-menu {
	right: -20px;
	left: auto;
}

.mp-kicker::before {
	box-shadow: -9px 0 0 rgba(27, 103, 222, 0.4);
}

.mp-page-checklist li {
	padding: 20px 50px 20px 0;
}

.mp-page-checklist li::before {
	right: 0;
	left: auto;
}

.mp-insight-card__arrow,
.mp-inline-link span,
.mp-button span,
.header-cta span {
	transform: scaleX(-1);
}

.post-card__meta,
.single-entry__meta {
	justify-content: flex-start;
}

.nav-next {
	text-align: left;
}

.nav-previous {
	text-align: right;
}

.search-field {
	border-right: 1px solid var(--mp-line);
	border-left: 0;
	border-radius: 0 999px 999px 0;
}

.search-submit {
	border-radius: 999px 0 0 999px;
}

@media (max-width: 900px) {
	.mp-page-hero-art {
		right: auto;
		left: 50%;
	}

	.has-mp-page-art .mp-page-hero__inner {
		padding-right: 0;
		padding-left: 0;
	}

	.primary-navigation {
		right: auto;
		left: 0;
		box-shadow: 24px 0 80px rgba(34, 43, 39, 0.12);
		transform: translateX(-105%);
	}

	.mp-menu .sub-menu {
		padding-right: 16px;
		padding-left: 0;
	}
}