/* ============================================================
   RTL + Arabic typography — loaded only when viewing in Arabic.
   <html dir="rtl"> (set in functions.php) auto-mirrors text/grid/
   flex; this file handles Arabic fonts + the physical left/right
   rules that don't auto-flip.
   ============================================================ */

/* ---- Arabic fonts (swap the theme's font variables) ---- */
:root {
  --font-sans: 'Tajawal', 'DM Sans', sans-serif;
  --font-serif: 'Cairo', 'Fraunces', serif;
}

body {
  font-family: 'Tajawal', 'DM Sans', sans-serif;
}

/* Arabic reads right-aligned; justified prose can look loose */
p,
.chair-msg-body p,
.about-intro__text p,
.about-intro__inst-desc,
.team-featured__bio,
.affiliations__detail-body,
.support-intro__text,
.support-intro__text p,
.decade-hero__desc,
.mgmt-modal__bio,
.message-us__input,
.message-us__textarea {
  text-align: right;
}

/* ---- Decorative hero curve: mirror it ---- */
.board-hero__curve-svg {
  transform: scaleX(-1);
  transform-origin: center;
}

/* ---- Home gallery marquee: keep internal flow LTR so the seamless
   translateX loop still works under RTL (the scroll is decorative) ---- */
.home-gallery-marquee__viewport,
.home-gallery-marquee__track {
  direction: ltr;
}

/* ---- Home lead accent: left border -> right ---- */
.page-home .about-intro__lead {
  border-left: none;
  border-right: 3px solid var(--color-primary);
  padding-left: 0;
  padding-right: clamp(1rem, 1.8vw, 1.5rem);
}

/* ---- Honorary card decorative quote mark -> opposite corner ---- */
.team-featured__body::before {
  right: auto;
  left: clamp(1rem, 2.5vw, 1.75rem);
}

/* ---- Footer legal links align to the start (right) ---- */
.site-footer__legal {
  justify-content: flex-start;
}

/* ---- Membership phone field: keep the number LTR (+962 …) ---- */
.mship-tel {
  direction: ltr;
  justify-content: flex-end;
}

/* Latin-only inputs stay LTR for correctness */
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="date"] {
  direction: ltr;
  text-align: right;
}

/* ---- Admin hint: tint the auto-generated Arabic fields (admin only) ---- */
