/* assets/css/arabic.css */
/* Native Arabic typography and directional controls. English and Spanish retain their layout. */
@font-face {
	font-family: "Noto Sans Arabic";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/noto-sans-arabic-variable.woff2") format("woff2");
	unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EEFF;
}

.t0-lang {
	direction: ltr;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem;
}

.t0-lang a {
	min-height: 2.75rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-inline: .5rem;
	font: 500 .85rem/1.6 "Inter", "Noto Sans Arabic", sans-serif;
	letter-spacing: normal;
	text-transform: none;
}

/* The anti-spam field must not create a distant scrollable edge in RTL. */
body.t0 .t0-hp {
	position: absolute;
	left: auto;
	inset-inline-start: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	pointer-events: none;
}

html[lang="ar"] {
	--t0-body: "Noto Sans Arabic", "Inter", Tahoma, Arial, sans-serif;
	--t0-display: "Noto Sans Arabic", "Inter", Tahoma, Arial, sans-serif;
}

html[lang="ar"] body.t0 {
	font-family: var(--t0-body);
	line-height: 1.9;
}

html[lang="ar"] body.t0 :where(h1, h2, h3, h4, p, li, dt, dd, a, button, label, input, textarea, select, summary, small, figcaption) {
	letter-spacing: normal;
	text-transform: none;
}

html[lang="ar"] body.t0 :where(h1, h2, h3, h4) {
	font-family: var(--t0-display);
	font-weight: 600;
	line-height: 1.5;
	text-wrap: pretty;
}

html[lang="ar"] body.t0 h1 {
	font-size: clamp(2rem, 4.8vw, 4.4rem);
	line-height: 1.4;
}

html[lang="ar"] body.t0 :where(p, li, dd) {
	line-height: 1.95;
}

html[lang="ar"] body.t0 :where(input, textarea, select, button) {
	font-family: var(--t0-body);
}

html[lang="ar"] body.t0 :where(input, textarea, select) {
	text-align: start;
}

html[lang="ar"] body.t0 :where(input[type="email"], input[type="url"], input[type="tel"], code, pre) {
	direction: ltr;
	unicode-bidi: isolate;
	text-align: left;
}

html[lang="ar"] .t0-brand {
	direction: ltr;
	unicode-bidi: isolate;
}

html[lang="ar"] .t0-brand__sub {
	font-family: "Michroma", sans-serif;
}

html[lang="ar"] :where(.t0-docs-icon, .t0-docs-provider-logo, .t0-engine-mark, .t0-nova-visual svg, .t0-shot img) {
	/* Brand marks, product captures and diagram geometry are never mirrored. */
	unicode-bidi: isolate;
}

html[lang="ar"] .t0-docs-pager__link--previous > svg {
	transform: none;
}

html[lang="ar"] .t0-docs-pager__link--next > svg {
	transform: rotate(180deg);
}

html[lang="ar"] :where(.t0-docs-popular-card__arrow, .t0-docs-result__arrow, .t0-docs-related a, .t0-docs-useful a, .t0-docs-topic__articles > a) > svg {
	transform: rotate(180deg);
}

html[lang="ar"] :where(.t0-btn__arrow, .hn-card__arrow, .t0-mega__intro a > span[aria-hidden="true"]) {
	display: inline-block;
	transform: scaleX(-1);
}

@media (min-width: 761px) {
	html[lang="ar"] body.t0 .hn-hero h1 { font-size: clamp(2.4rem, 3.7vw, 3.6rem); }
	html[lang="ar"] .hn-loop__item::after { content: "←"; }
}

html[lang="ar"] :where(.t0-mega, .t0-mobile-menu, .t0-docs-layout, .t0-legal-layout) {
	text-align: start;
}

html[lang="ar"] :where(.t0-docs-article, .t0-docs-card, .t0-mega__grid a, .t0-mobile-menu a) {
	min-inline-size: 0;
	overflow-wrap: anywhere;
}

@media (max-width: 640px) {
	html[lang="ar"] body.t0 h1 { font-size: clamp(1.85rem, 7vw, 2.8rem); }
	.t0-lang--mobile { gap: .6rem; }
}