/* ─── ARABIC FONTS ─────────────────────────────────────────── */
/*
في قبل الـ CSS الخاص فيك:
*/
/* ─── ROOT OVERRIDE — يغير المتغيرات للعربية ──────────────── */
html[lang="ar"] {
--sans: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
--serif: 'Noto Serif Arabic', Georgia, serif;
}
/* ─── BODY ─────────────────────────────────────────────────── */
html[lang="ar"] body {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
word-spacing: 0.04em;
}
/* ═══════════════════════════════════════════════════════════════
H1 — العنوان الرئيسي في الـ HERO
(الخط المباشر بدون variable حتى يشتغل)
═══════════════════════════════════════════════════════════════ */
html[lang="ar"] h1 {
font-family: 'Noto Serif Arabic', serif !important;
letter-spacing: 0 !important;
line-height: 1.25 !important;
word-break: keep-all;
}
html[lang="ar"] h1 em {
font-style: normal !important;
}
/* ═══════════════════════════════════════════════════════════════
H2.DISPLAY — كل العناوين الثانوية
═══════════════════════════════════════════════════════════════ */
html[lang="ar"] h2.display {
font-family: 'Noto Serif Arabic', serif !important;
letter-spacing: 0 !important;
line-height: 1.3 !important;
}
html[lang="ar"] h2.display em {
font-style: normal !important;
}
/* ═══════════════════════════════════════════════════════════════
H3, H4
═══════════════════════════════════════════════════════════════ */
html[lang="ar"] h3 {
font-family: 'Cairo', sans-serif !important;
font-weight: 700;
letter-spacing: 0 !important;
line-height: 1.5 !important;
}
html[lang="ar"] h4 {
font-family: 'Cairo', sans-serif !important;
font-weight: 700;
letter-spacing: 0 !important;
line-height: 1.5 !important;
}
/* ─── HERO ─────────────────────────────────────────────────── */
html[lang="ar"] .hero-badge {
font-family: 'Cairo', sans-serif;
letter-spacing: 0.5px !important;
font-size: 13px;
}
html[lang="ar"] .hero-sub {
font-family: 'Cairo', sans-serif;
font-weight: 300;
font-size: clamp(15px, 1.8vw, 18px);
line-height: 2 !important;
letter-spacing: 0 !important;
}
/* ─── EYEBROW ──────────────────────────────────────────────── */
html[lang="ar"] .eyebrow {
font-family: 'Cairo', sans-serif;
letter-spacing: 0.5px !important;
font-size: 12px;
}
/* ─── BODY TEXT ────────────────────────────────────────────── */
html[lang="ar"] .body-lg {
font-family: 'Cairo', sans-serif;
line-height: 1.95 !important;
letter-spacing: 0 !important;
}
html[lang="ar"] p {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
line-height: 1.9 !important;
}
/* ─── QUOTE BLOCKS ─────────────────────────────────────────── */
html[lang="ar"] .quote-text {
font-family: 'Noto Serif Arabic', serif !important;
font-style: normal !important;
font-size: 22px;
line-height: 1.8 !important;
letter-spacing: 0 !important;
}
html[lang="ar"] .quote-mark {
right: 36px;
left: auto;
transform: scaleX(-1);
}
html[lang="ar"] .quote-attr {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── RS QUOTE (rewards section) ───────────────────────────── */
html[lang="ar"] .rs-quote {
font-family: 'Noto Serif Arabic', serif !important;
font-style: normal !important;
font-size: clamp(18px, 2.5vw, 26px);
line-height: 1.8 !important;
letter-spacing: 0 !important;
}
/* الـ inline quote داخل langchat section */
html[lang="ar"] [style*="font-family:var(--serif)"] {
font-family: 'Noto Serif Arabic', serif !important;
font-style: normal !important;
line-height: 1.8 !important;
}
/* ─── LC FEATURES ──────────────────────────────────────────── */
html[lang="ar"] .lc-feat h3 {
font-family: 'Cairo', sans-serif !important;
letter-spacing: 0 !important;
line-height: 1.5 !important;
}
html[lang="ar"] .lc-feat p {
font-family: 'Cairo', sans-serif !important;
line-height: 1.9 !important;
letter-spacing: 0 !important;
}
html[lang="ar"] .lc-feat-num {
font-family: 'Cairo', sans-serif !important;
font-style: normal !important;
}
/* ─── REWARD & TRUST CARDS ─────────────────────────────────── */
html[lang="ar"] .rcard h3,
html[lang="ar"] .tcard h4 {
font-family: 'Cairo', sans-serif !important;
letter-spacing: 0 !important;
}
html[lang="ar"] .rcard p,
html[lang="ar"] .tcard p {
font-family: 'Cairo', sans-serif !important;
line-height: 1.9 !important;
letter-spacing: 0 !important;
}
html[lang="ar"] .token-strip {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── PACKAGE CARDS ────────────────────────────────────────── */
html[lang="ar"] .package-name {
font-family: 'Cairo', sans-serif !important;
letter-spacing: 0 !important;
}
html[lang="ar"] .package-price {
font-family: 'Cairo', sans-serif !important;
}
html[lang="ar"] .package-period,
html[lang="ar"] .package-includes,
html[lang="ar"] .package-note {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
html[lang="ar"] .package-features li {
font-family: 'Cairo', sans-serif;
line-height: 1.75 !important;
letter-spacing: 0 !important;
padding-right: 20px;
padding-left: 0;
}
html[lang="ar"] .package-features li::before {
left: auto;
right: 0;
}
html[lang="ar"] .package-cta,
html[lang="ar"] .package-badge-top {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── NAV ──────────────────────────────────────────────────── */
html[lang="ar"] .nav-links a,
html[lang="ar"] .nav-dl,
html[lang="ar"] .nav-biz-link,
html[lang="ar"] .nav-lang {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── MOBILE DRAWER ────────────────────────────────────────── */
html[lang="ar"] .nav-mobile-drawer__panel {
right: auto;
left: 0;
}
html[lang="ar"] .nav-mobile-drawer ul li a,
html[lang="ar"] .nav-mobile-drawer__cta,
html[lang="ar"] .nav-mobile-drawer__langs a {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── DOWNLOAD BUTTONS ─────────────────────────────────────── */
html[lang="ar"] .btn-dl,
html[lang="ar"] .dl-btn-sub,
html[lang="ar"] .dl-btn-main {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── FOOTER ───────────────────────────────────────────────── */
html[lang="ar"] .footer-brand-name {
font-family: 'Noto Serif Arabic', serif !important;
letter-spacing: 0 !important;
}
html[lang="ar"] .footer-tagline,
html[lang="ar"] .footer-col-links a,
html[lang="ar"] .footer-col-title,
html[lang="ar"] .footer-legal {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}
/* ─── MAP / CHAT LABELS ────────────────────────────────────── */
html[lang="ar"] .mpin-lbl,
html[lang="ar"] .ms-label,
html[lang="ar"] .ms-live,
html[lang="ar"] .ticker-item {
font-family: 'Cairo', sans-serif;
letter-spacing: 0 !important;
}