/* =========================================================
 * Tech Resolve — Arabic / RTL Foundation
 * Version: 1.1.0
 * ======================================================= */


/* =========================================================
 * Root Direction
 * ======================================================= */

html[dir="rtl"]
body.techresolve-site,
body.techresolve-site.techresolve-rtl {
	direction:
		rtl;

	text-align:
		right;

	--tr-font-arabic:
		"Segoe UI",
		Tahoma,
		Arial,
		sans-serif;

	font-family:
		var(--tr-font-arabic);
}


/* =========================================================
 * Arabic Typography Safety
 * ======================================================= */

html[lang^="ar"]
body.techresolve-site h1,
html[lang^="ar"]
body.techresolve-site h2,
html[lang^="ar"]
body.techresolve-site h3,
html[lang^="ar"]
body.techresolve-site h4,
html[lang^="ar"]
body.techresolve-site h5,
html[lang^="ar"]
body.techresolve-site h6,
html[lang^="ar"]
body.techresolve-site p,
html[lang^="ar"]
body.techresolve-site a,
html[lang^="ar"]
body.techresolve-site button,
html[lang^="ar"]
body.techresolve-site label,
html[lang^="ar"]
body.techresolve-site input,
html[lang^="ar"]
body.techresolve-site textarea,
html[lang^="ar"]
body.techresolve-site select,
html[lang^="ar"]
body.techresolve-site option,
html[lang^="ar"]
body.techresolve-site [class*="__eyebrow"],
html[lang^="ar"]
body.techresolve-site [class*="__label"],
html[lang^="ar"]
body.techresolve-site [class*="__meta"] {
	font-family:
		var(--tr-font-arabic);

	letter-spacing:
		0 !important;
}


html[lang^="ar"]
body.techresolve-site h1 {
	line-height:
		1.12 !important;
}


html[lang^="ar"]
body.techresolve-site h2 {
	line-height:
		1.16 !important;
}


html[lang^="ar"]
body.techresolve-site h3,
html[lang^="ar"]
body.techresolve-site h4,
html[lang^="ar"]
body.techresolve-site h5,
html[lang^="ar"]
body.techresolve-site h6 {
	line-height:
		1.28 !important;
}


/* =========================================================
 * Mixed RTL / LTR Text Safety
 * ======================================================= */

html[lang^="ar"]
body.techresolve-site h1,
html[lang^="ar"]
body.techresolve-site h2,
html[lang^="ar"]
body.techresolve-site h3,
html[lang^="ar"]
body.techresolve-site h4,
html[lang^="ar"]
body.techresolve-site h5,
html[lang^="ar"]
body.techresolve-site h6,
html[lang^="ar"]
body.techresolve-site p,
html[lang^="ar"]
body.techresolve-site li,
html[lang^="ar"]
body.techresolve-site blockquote,
html[lang^="ar"]
body.techresolve-site figcaption,
html[lang^="ar"]
body.techresolve-site label,
html[lang^="ar"]
body.techresolve-site td,
html[lang^="ar"]
body.techresolve-site th,
html[lang^="ar"]
body.techresolve-site [class*="__title"],
html[lang^="ar"]
body.techresolve-site [class*="__description"],
html[lang^="ar"]
body.techresolve-site [class*="__text"] {
	unicode-bidi:
		plaintext;
}


html[lang^="ar"]
body.techresolve-site code,
html[lang^="ar"]
body.techresolve-site pre,
html[lang^="ar"]
body.techresolve-site kbd,
html[lang^="ar"]
body.techresolve-site samp,
html[lang^="ar"]
body.techresolve-site [data-tr-ltr],
html[lang^="ar"]
body.techresolve-site .tr-force-ltr {
	unicode-bidi:
		isolate;
}


/* =========================================================
 * Forms
 * ======================================================= */

html[dir="rtl"]
body.techresolve-site input,
html[dir="rtl"]
body.techresolve-site textarea,
html[dir="rtl"]
body.techresolve-site select {
	direction:
		rtl;

	text-align:
		right;
}


html[dir="rtl"]
body.techresolve-site input[type="email"],
html[dir="rtl"]
body.techresolve-site input[type="url"],
html[dir="rtl"]
body.techresolve-site input[type="tel"] {
	direction:
		ltr;

	text-align:
		left;
}


/* =========================================================
 * Floating Header
 * ======================================================= */

html[dir="rtl"]
.tr-site-header__menu
.sub-menu {
	right:
		0;

	left:
		auto;

	text-align:
		right;
}


html[dir="rtl"]
.tr-site-header__lang-menu {
	right:
		auto;

	left:
		0;
}


html[dir="rtl"]
.tr-site-header__lang-link {
	text-align:
		start;
}


html[dir="rtl"]
.tr-site-header__mobile-menu > li > a {
	padding:
		0
		4px
		0
		48px;
}


html[dir="rtl"]
.tr-site-header__mobile-menu
.sub-menu {
	padding:
		0
		12px
		10px
		0;
}


html[dir="rtl"]
.tr-site-header__submenu-toggle {
	right:
		auto;

	left:
		0;
}


html[dir="rtl"]
.tr-site-header__cta-icon svg,
html[dir="rtl"]
.tr-site-header__drawer-cta svg {
	transform:
		scaleX(-1);
}


/* =========================================================
 * Global Footer
 * ======================================================= */

html[dir="rtl"]
.tr-footer__contact {
	border-right:
		0;

	border-left:
		1px solid rgba(255, 255, 255, .07);
}


html[dir="rtl"]
.tr-footer__contact:last-child {
	border-left:
		0;
}


html[dir="rtl"]
.tr-footer__nav-link {
	transition:
		color 300ms ease,
		padding-right 400ms var(--tr-ease);
}


html[dir="rtl"]
.tr-footer__nav-link:hover {
	padding-right:
		5px;

	padding-left:
		0;
}


/* =========================================================
 * Directional Icons
 * ======================================================= */

html[dir="rtl"]
body.techresolve-site [class*="__read-icon"] svg,
html[dir="rtl"]
body.techresolve-site [class*="__all-icon"] svg,
html[dir="rtl"]
body.techresolve-site [class*="__button-icon"] svg,
html[dir="rtl"]
body.techresolve-site [class*="__arrow"] svg {
	transform:
		scaleX(-1);
}


/* =========================================================
 * Technical Latin / Numeric Content
 * ======================================================= */

html[dir="rtl"]
body.techresolve-site code,
html[dir="rtl"]
body.techresolve-site pre,
html[dir="rtl"]
body.techresolve-site [data-tr-ltr],
html[dir="rtl"]
body.techresolve-site .tr-force-ltr {
	direction:
		ltr;

	text-align:
		left;
}


/* =========================================================
 * Mobile
 * ======================================================= */

@media (max-width: 720px) {

	html[lang^="ar"]
	body.techresolve-site h1 {
		line-height:
			1.16 !important;
	}


	html[lang^="ar"]
	body.techresolve-site h2 {
		line-height:
			1.2 !important;
	}

}