/*
 * style-ltr.css — additive-only English/LTR layer.
 *
 * Arabic is this theme's root language and style.css is written RTL-first
 * using CSS logical properties, so it already lays out correctly in both
 * directions. This file only swaps the type system to the Latin display/body
 * faces and adjusts the handful of details that are genuinely
 * direction-sensitive (icon mirroring). It is enqueued ONLY on English
 * (`/en/...`) requests, with style.css as its dependency and always loaded
 * first — mirrors the reference theme's style-rtl.css role, inverted.
 */

html[dir="ltr"] body {
	--losd-font-display: 'Poppins', -apple-system, 'Segoe UI', sans-serif;
	--losd-font-body: 'Manrope', -apple-system, 'Segoe UI', sans-serif;
	--losd-font-weight-display: 700;
	--losd-body-line-height: 1.6;
	/* English runs ~15-20% smaller than Arabic at the same level */
	--losd-size-h1: clamp(1.75rem, 1.3rem + 1.7vw, 2.75rem);   /* 28–44px */
	--losd-size-h2: clamp(1.25rem, 1rem + 1vw, 1.875rem);       /* 20–30px */
	--losd-size-h3: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);    /* 18–22px */
	--losd-size-body: 1.0625rem; /* 17px */
	--losd-size-caption: 0.8125rem; /* 13px */
}

/* Arabic-authored italics were suppressed globally in style.css; English is
   allowed normal <em>/<i> styling. */
html[dir="ltr"] em,
html[dir="ltr"] i {
	font-style: italic;
}

/* Directional icon flips: chevrons/arrows that read "forward" must point the
   opposite way in LTR. The logo mark itself is explicitly excluded and never
   flips (brand guideline). */
html[dir="ltr"] .losd-icon-flip {
	transform: scaleX(-1);
}

html[dir="ltr"] .losd-back-link {
	flex-direction: row-reverse;
}

@media (max-width: 767px) {
	html[dir="ltr"] body {
		--losd-size-h1: clamp(1.85rem, 1.65rem + 1vw, 2.25rem);
		--losd-size-h2: clamp(1.4rem, 1.25rem + 0.75vw, 1.7rem);
		--losd-size-h3: clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem);
		--losd-size-body: 1rem;
	}
}