/* ============================================================
   THE MERIDIAN — Arabic edition (خط الزوال). RTL + Arabic type.
   Loaded AFTER styles.css. Keeps the same layout system & palette;
   swaps fonts to a clean humanist Arabic sans and flips direction.
   ============================================================ */

:root {
  --serif-display: 'Readex Pro', 'Segoe UI', Tahoma, sans-serif;
  --serif-text:    'Readex Pro', 'Segoe UI', Tahoma, sans-serif;
  --sans:          'Readex Pro', system-ui, 'Segoe UI', Tahoma, sans-serif;
}

body { font-size: 17px; line-height: 1.75; }
h1,h2,h3,h4 { letter-spacing: 0; font-weight: 700; line-height: 1.3; }

/* Masthead wordmark: heavier, tighter for a strong Arabic logotype */
.masthead__title h1 { font-weight: 700; letter-spacing: 0; }
.article__body { font-size: 18px; line-height: 1.9; }

/* Drop cap disabled (kept uniform) — Arabic is connected script, an enlarged
   first letter detaches from its word and looks broken. */
[dir='rtl'] .article__body p:first-of-type::first-letter {
  float: none; padding: 0; font: inherit;
}

/* Breaking ticker scrolls the natural RTL way */
[dir='rtl'] .breaking__track ul { animation-direction: reverse; }

/* Mobile drawer opens from the right */
[dir='rtl'] .drawer { transform: translateX(100%); }
[dir='rtl'] .drawer.open { transform: none; }
[dir='rtl'] .drawer__close { float: left; }

/* Uppercase tricks don't suit Arabic — relax them */
.kicker, .section-head .more, .nav__links, .op-card .who, .masthead__rule,
.foot__col h5, .widget h4, .tag, .breaking__tag, .article__meta, .byline {
  text-transform: none; letter-spacing: 0.01em;
}
.nav__links { font-size: 14.5px; }

/* Numerals in markets/most-read stay LTR for clean alignment */
.ticker-markets b, .markets-w b, .masthead__dateline { direction: rtl; }
.mk-up, .mk-dn { unicode-bidi: isolate; }

/* Language switch link */
.lang-switch { font-family: var(--sans); font-size: 12px; font-weight: 600; color: var(--ink-soft); }
.lang-switch:hover { color: var(--accent); }