/* ===== Dalal — Arabic / RTL overrides ===== */
/* Loaded AFTER styles.css. Inherits all tokens. */

:root {
  --serif: 'Amiri', 'Instrument Serif', Georgia, serif;
  --sans:  'IBM Plex Sans Arabic', 'Plus Jakarta Sans', system-ui, sans-serif;
}

html, body { direction: rtl; }

/* Phones default to RTL */
.phone { direction: rtl; }

/* Arabic eyebrow needs a little more breathing room */
.eyebrow {
  letter-spacing: 0.04em;
}

/* The wordmark in Arabic — order swaps: dot sits on the LEFT of the script in RTL */
.wordmark-ar {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: 0;
  color: var(--ink-900);
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  direction: rtl;
}
.wordmark-ar .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand);
}

/* Mirror directional icons inside .phone[dir=rtl] */
.phone .icon-flip-rtl { transform: scaleX(-1); }

/* Display sizing tuned for Arabic — slightly tighter line-height */
.display-ar {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  color: var(--ink-900);
}
.display-ar-xl { font-size: 44px; }
.display-ar-lg { font-size: 38px; }
.display-ar-md { font-size: 30px; }

/* Serif italic — Arabic doesn't have italic, but Amiri's Quran cut feels editorial */
.serif-ar {
  font-family: var(--serif);
  font-weight: 400;
}

/* Inputs — readable Arabic at slightly larger size */
.phone .input {
  font-size: 16px;
  text-align: right;
}
.phone .input::placeholder { text-align: right; }