/* ============================================================
   SHAJAR FINANCIAL ADVISORY — Arabic (RTL) overrides
   Loaded after ../style.css on the Arabic page only.
   Font: Tajawal
   ============================================================ */

:root,
[data-theme='light'],
[data-theme='dark'] {
  --font-display: 'Tajawal', 'Segoe UI', Arial, sans-serif;
  --font-body: 'Tajawal', 'Segoe UI', Arial, sans-serif;
  --text-xs: clamp(0.78rem, 0.72rem + 0.3vw, 0.9rem);
  --text-sm: clamp(0.9rem, 0.84rem + 0.4vw, 1.05rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.15rem);
  --text-lg: clamp(1.15rem, 1rem + 0.8vw, 1.55rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.3vw, 2.3rem);
  --text-3xl: clamp(2.4rem, 1rem + 4vw, 5rem);
}

/* ---------- BASE ---------- */
body { line-height: 1.8; }
h1, h2, h3, h4 { line-height: 1.2; }

/* Letter-spacing and uppercase break Arabic letter joining */
.section-tag,
.hero-eyebrow,
.stat-label,
.trust-badges span,
.footer-links h4,
.footer-contact h4,
.btn-primary,
.btn-submit {
  letter-spacing: 0;
  text-transform: none;
}

/* Tajawal reads better slightly heavier than the Latin display face */
.section-title { font-weight: 800; }
.section-tag,
.btn-primary,
.btn-nav,
.form-group label,
.trust-headline strong { font-weight: 700; }
.service-card h3,
.step-content h3 { font-weight: 700; line-height: 1.3; }
.section-desc,
.contact-copy > p { line-height: 1.8; }
.service-card p,
.step-content p { line-height: 1.75; }

/* ---------- HEADER ---------- */
.lang-switch { font-family: 'DM Sans', 'Helvetica Neue', sans-serif; }

/* ---------- HERO ---------- */
.hero::before {
  background-image:
    radial-gradient(circle at 80% 80%, rgba(255,255,255,0.04) 0%, transparent 50%),
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.04) 0%, transparent 50%);
}
.hero-bg-overlay { background: linear-gradient(to left, rgba(13,34,20,0.7) 50%, transparent 100%); }
.hero-heading {
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
}
.hero-heading em { font-style: normal; }
.hero-subtext { line-height: 1.75; }

/* ---------- STATS ---------- */
.stat-number,
.stat-suffix { font-weight: 800; }
.stat-suffix { margin-left: 0; margin-right: 2px; }

/* ---------- PROCESS ---------- */
/* Slide in from the right */
.process-step { transform: translateX(20px); }
.process-step.visible { transform: translateX(0); }
.process-connector { margin-left: 0; margin-right: 39px; }

/* ---------- CONTACT ---------- */
.contact-copy .section-title,
.contact-copy .section-tag { text-align: right; }
.form-group select {
  background-position: left var(--space-5) center;
  padding-right: var(--space-5);
  padding-left: var(--space-10);
}
/* Email and phone are typed left-to-right */
.form-group input[type='email'],
.form-group input[type='tel'] { direction: ltr; text-align: right; }
.btn-submit:hover .btn-arrow { transform: translateX(-3px); }

/* ---------- FOOTER ---------- */
.footer-contact a,
.footer-contact .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }