/* ==========================================================================
   Talin Custom — rtl.css (Arabic only)
   Layout direction is handled by logical properties in main.css; this file
   only swaps the typeface and adjusts a few Latin-specific details.
   ========================================================================== */

:root {
	--f-body: "IBM Plex Sans Arabic", "Manrope", "Segoe UI", Tahoma, sans-serif;
	--f-display: "Alexandria", "IBM Plex Sans Arabic", "Archivo", "Segoe UI", Tahoma, sans-serif;
	--f-head: var(--f-display);
	--stretch: 100%;
	--ls-head: 0;
	--ls-eyebrow: 0;
	--lh-body: 1.8;
	--lh-head: 1.35;
	--lh-tight: 1.3;
}

body { font-feature-settings: normal; }

/* Arabic has no letter case; uppercase + tracking hurt legibility. */
.eyebrow,
.mega__heading,
.footer-col__title,
.card__kicker,
.route__label,
.contact-card__label,
.result__type,
.site-logo__sub,
.group-panel__num { text-transform: none; letter-spacing: 0; }

.eyebrow, .mega__heading, .footer-col__title { font-size: 0.875rem; }
.site-logo__name { letter-spacing: 0; font-size: 1.875rem; }
.hero-slide__title { letter-spacing: 0; line-height: 1.25; }
.page-hero__title, .post-hero__title { line-height: 1.3; }
.point__num, .error-404__code, .hero-slider__counter, .faq__num, .group-panel__num { font-family: "Archivo", sans-serif; }
.site-logo__name, .footer-wordmark { font-family: "Alexandria", sans-serif; font-stretch: 100%; }
h1, .hero-slide__title, .page-hero__title { line-height: 1.3; }
.hero-slide__title, h1, h2 { letter-spacing: 0; }

/* Numbers, phones, emails and URLs stay LTR inside RTL text. */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="url"] { text-align: right; }

/* Mirror directional hover nudges. */
[dir="rtl"] .link-arrow:hover .icon,
[dir="rtl"] .group-link:hover .group-link__arrow { transform: scaleX(-1) translateX(3px); }
[dir="rtl"] .nav-link::after { transform-origin: center; }

/* English-only blog content shown inside the Arabic site. */
[dir="rtl"] [lang="en"][dir="ltr"] { text-align: left; font-family: "Inter Tight", sans-serif; }
.mega__label, .hero-slide__eyebrow, .mega__promo-eyebrow, .footer-col__title, .eyebrow { text-transform: none; letter-spacing: 0; }