/* ============================================================
   Arabic pages (/ar/) — loaded after main.rtl.css.
   main.rtl.css is main.css mirrored for right-to-left; regenerate it
   after every change to main.css (see README).
   ============================================================ */
/* Thmanyah — Arabic typeface (thmanyah.com). Sans for the interface, Serif Display for the editorial headings. */
@font-face { font-family: 'Thmanyah Sans'; src: url('../fonts/thmanyahsans-Regular.woff2') format('woff2'); font-weight: 100 450; font-display: swap; }
@font-face { font-family: 'Thmanyah Sans'; src: url('../fonts/thmanyahsans-Medium.woff2') format('woff2'); font-weight: 451 600; font-display: swap; }
@font-face { font-family: 'Thmanyah Sans'; src: url('../fonts/thmanyahsans-Bold.woff2') format('woff2'); font-weight: 601 900; font-display: swap; }
@font-face { font-family: 'Thmanyah Serif Display'; src: url('../fonts/thmanyahserifdisplay-Bold.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }

:root {
  --font: 'Thmanyah Sans', Tahoma, Arial, sans-serif;
  --ls: 0;
}

/* Letter-spacing breaks the joins between Arabic letters */
body :not(.wordmark, .wordmark *, .stars, .excl, .excl *) { letter-spacing: 0 !important; }   /* the English "ONLY HERE" badge keeps its spacing */

/* The Latin wordmark keeps the brand typeface */
.wordmark { font-family: 'Avant Garde', 'Century Gothic', Arial, sans-serif; direction: ltr; }
/* …but a logo image in its place follows the page (right-aligned in Arabic) */
.wordmark:has(> .brand-mark) { direction: inherit; }

.serif, .ly-cards p, .ly-note { font-family: 'Thmanyah Serif Display', Georgia, serif; }

/* Arrows and chevrons point the other way in right-to-left */
.ic-flip { transform: scaleX(-1); }

/* Emails, phone numbers and codes are typed left-to-right */
input[type="email"], input[type="tel"], input[name="email"], input[inputmode="numeric"], input[inputmode="tel"] { direction: ltr; text-align: right; }
input[type="email"]::placeholder, input[type="tel"]::placeholder { direction: rtl; }