/*
 * Sama Karsha – Arabic (RTL) overrides.
 * Loaded automatically after style.css when the page language is right-to-left.
 * Layout already mirrors through logical CSS properties; this file handles
 * Arabic typography (Noto Naskh Arabic) and the few things logical properties can't flip.
 */

:root {
	--font-head: "Noto Naskh Arabic", "Inter", "Segoe UI", Tahoma, serif;
	--font-body: "Noto Naskh Arabic", "Inter", "Segoe UI", Tahoma, serif;
	--track-wide: 0;
	--track-wider: 0;
	--caps: none;
	--hero-angle: 260deg;
}

/* Naskh has tall ascenders/descenders: give it a slightly larger size and generous leading. */
body {
	font-size: 1.1rem;
	line-height: 1.95;
}

/* Arabic letters must join: never letter-space or upper-case them. */
h1, h2, h3, h4,
.site-title,
.main-nav .menu a,
.ba-label,
.btn,
.eyebrow {
	letter-spacing: 0;
	text-transform: none;
}

h1, h2, h3, h4 { line-height: 1.5; font-weight: 700; }
h1 { font-size: clamp(2.1rem, 5.2vw, 3.7rem); line-height: 1.45; }
h2 { font-size: clamp(1.75rem, 3.4vw, 2.6rem); }
h3 { font-size: 1.4rem; }

.btn { font-size: 1.1rem; font-weight: 700; line-height: 1.4; padding-block: 0.65rem; }
.btn--sm { font-size: 1rem; }
.main-nav .menu a { font-size: 1.1rem; font-weight: 600; }
.eyebrow { font-size: 1rem; font-weight: 700; }
.site-title { font-size: 1.45rem; font-weight: 700; line-height: 1.4; }
@media (max-width: 640px) { .site-title { font-size: 1.15rem; line-height: 1.45; } }
.site-tagline { font-size: 0.85rem; }
.hero__stats strong { line-height: 1.35; }
.hero__stats span { font-size: 0.9rem; }
.hero__lead { line-height: 2; }
.feature h3, .service-card h3 { line-height: 1.5; }
.check-list li { font-size: 1rem; }
.site-footer .widget-title { font-size: 1.3rem; }

/* Latin snippets (ECU, ABS, phone numbers) inside Arabic text use Inter. */
[dir="ltr"],
.cta-phone,
.service-card__line strong { font-family: "Inter", system-ui, sans-serif; }

/* Things that point "forward" should point left in Arabic. */
.icon-arrow { transform: scaleX(-1); }
.service-card::before { transform-origin: right; }

/* Mirror the hero glow and reel tilt. */
.hero { --hero-glow-x: 15%; }
.hero {
	background-image:
		radial-gradient(ellipse 60% 70% at 15% 30%, rgba(211, 18, 26, 0.35), transparent 70%),
		linear-gradient(var(--hero-angle), rgba(13, 14, 16, var(--hero-s1)) 0%, rgba(13, 14, 16, var(--hero-s2)) 50%, rgba(13, 14, 16, var(--hero-s3)) 100%),
		var(--hero-bg, repeating-linear-gradient(45deg, #1D1F23 0 2px, transparent 2px 22px));
}
@media (min-width: 960px) {
	.hero__reel { transform: rotate(-2deg); }
}
.hero__panel { transform: rotate(-1.5deg); }
.service-card::before { background: linear-gradient(270deg, var(--c-brand), var(--c-accent)); }

/* Blog prose */
.prose { font-size: 1.15rem; line-height: 2.05; }
.prose h2, .prose h3 { line-height: 1.55; }
.prose blockquote { border-inline-start-width: 4px; }

/* Keep phone numbers and Latin text in their own direction. */
[dir="ltr"] { unicode-bidi: isolate; }

/* American makes stay Latin; reviews read better slightly larger in Naskh */
.makes li { font-family: "Barlow Condensed", "Arial Narrow", sans-serif; }
.makes .makes__more { font-family: var(--font-body); }
.review blockquote { font-size: 1.1rem; line-height: 1.95; }
.rating-badge strong { font-family: "Inter", sans-serif; }
.review::after { content: "\201C"; }

/* Smart Tuner logo: keep the Arabic name compact next to the logo */
.site-branding .site-title { font-size: 1.1rem; line-height: 1.5; }
@media (max-width: 640px) { .site-branding .site-title { font-size: 0.85rem; line-height: 1.5; } }