/* ==========================================
   AHMED ELSISY — ARABIC / RTL STYLES
   ========================================== */

/* ——— Global RTL Body ——— */
[dir="rtl"] {
  font-family: var(--font-arabic);
}

/* ——— Arabic Typography: headings & key elements ——— */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .section-title,
[dir="rtl"] .hero-title,
[dir="rtl"] .manifesto-quote,
[dir="rtl"] .project-card-title,
[dir="rtl"] .timeline-title,
[dir="rtl"] .case-study-block-title,
[dir="rtl"] .world-title,
[dir="rtl"] .jawhar-node-title,
[dir="rtl"] .showcase-tagline {
  font-family: var(--font-arabic);
  letter-spacing: normal;
}

/* ——— Navigation Logo ——— */
[dir="rtl"] .nav-logo {
  font-family: var(--font-arabic);
  letter-spacing: 0;
}

/* ——— Arrows & Directional Icons ——— */
[dir="rtl"] .btn-arrow {
  display: inline-block;
  transform: scaleX(-1);
}

[dir="rtl"] .btn:hover .btn-arrow {
  transform: scaleX(-1) translateX(4px);
}

/* Reset LTR arrow animation for RTL */
[dir="rtl"] .btn:hover .btn-arrow {
  transform: scaleX(-1) translateX(4px);
}

/* ——— Timeline: Mirror for RTL ——— */
[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: 2rem;
  border-left: none;
  border-right: 2px solid var(--color-border);
}

[dir="rtl"] .timeline-dot {
  left: auto;
  right: calc(-2rem - 6px);
}

/* ——— Blockquote border ——— */
[dir="rtl"] blockquote[style*="border-left"] {
  border-left: none !important;
  border-right: 3px solid var(--color-accent);
  padding-left: 0 !important;
  padding-right: 1.25rem;
}

/* ——— Jawhar node bullet list ——— */
[dir="rtl"] .jawhar-node-list li::before {
  margin-left: 0.5rem;
  margin-right: 0;
  width: auto;
}

/* ——— Placeholder tag position flip ——— */
[dir="rtl"] .placeholder-tag {
  right: auto;
  left: 1rem;
}

/* ——— Lightbox close button ——— */
[dir="rtl"] .lightbox-close {
  right: auto;
  left: 1rem;
}

/* ——— Form inputs: email/URL fields stay LTR ——— */
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: right;
}

/* ——— Hero background glow ——— */
[dir="rtl"] .hero-bg-glow {
  right: auto;
  left: 10%;
}

/* ——— Case study meta: gap direction ——— */
[dir="rtl"] .case-study-meta {
  flex-direction: row-reverse;
  flex-wrap: wrap;
}

/* ——— Mobile nav overlay centering ——— */
[dir="rtl"] .mobile-nav-menu {
  text-align: center;
}

/* ——— Number direction: keep numerics LTR inside RTL context ——— */
[dir="rtl"] .metric-number,
[dir="rtl"] .showcase-374k-number,
[dir="rtl"] .showcase-fact-item strong {
  direction: ltr;
  display: inline-block;
  unicode-bidi: bidi-override;
}