/*
 * Thmanyah Arabic font stack.
 * Loaded only on the Arabic locale via a conditional <link> in
 * src/app/(frontend)/[locale]/layout.tsx.
 *
 * Weights available per family:
 *   Light 300 · Regular 400 · Medium 500 · Bold 700 · Black 900
 */

/* ────── Thmanyah Serif Display — headlines ────── */
@font-face {
  font-family: 'Thmanyah Serif Display';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahserifdisplay-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahserifdisplay-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahserifdisplay-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahserifdisplay-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Display';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahserifdisplay-Black.woff2') format('woff2');
}

/* ────── Thmanyah Serif Text — body ────── */
@font-face {
  font-family: 'Thmanyah Serif Text';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahseriftext-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahseriftext-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahseriftext-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Text';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahseriftext-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Serif Text';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahseriftext-Black.woff2') format('woff2');
}

/* ────── Thmanyah Sans — UI / labels / numerals ────── */
@font-face {
  font-family: 'Thmanyah Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahsans-Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahsans-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahsans-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahsans-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Thmanyah Sans';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/fonts/thmanyah/thmanyahsans-Black.woff2') format('woff2');
}

/* ────────────────────────────────────────────────────
 * Locale-scoped Arabic typography.
 * Override the Outfit/DM Sans cascade only on html[lang='ar'].
 * Display/headline classes use the Serif Display family with the salt + ss07
 * OpenType sets enabled (per design.md §"OpenType features for Arabic").
 * ──────────────────────────────────────────────────── */
html[lang='ar'] body,
html[lang='ar'] {
  font-family: 'Thmanyah Serif Text', system-ui, -apple-system, 'Segoe UI',
    sans-serif;
}

html[lang='ar'] h1,
html[lang='ar'] h2,
html[lang='ar'] h3,
html[lang='ar'] h4,
html[lang='ar'] .hero-h1,
html[lang='ar'] .h2,
html[lang='ar'] .ac-title,
html[lang='ar'] .pk-name,
html[lang='ar'] .wc-title,
html[lang='ar'] .tc-title,
html[lang='ar'] .lc-name,
html[lang='ar'] .err-num,
html[lang='ar'] .err-title,
html[lang='ar'] .ty-title,
html[lang='ar'] .page-hero h1,
html[lang='ar'] .ar-display {
  font-family: 'Thmanyah Serif Display', 'Thmanyah Serif Text', serif;
  font-feature-settings: 'salt' 1, 'ss07' 1;
}

html[lang='ar'] p,
html[lang='ar'] .ar-body,
html[lang='ar'] .hero-sub,
html[lang='ar'] .lede,
html[lang='ar'] .article-body,
html[lang='ar'] .article-body p,
html[lang='ar'] .article-body li,
html[lang='ar'] .section-deck,
html[lang='ar'] .cl-sub,
html[lang='ar'] .hc-bio,
html[lang='ar'] .lc-desc,
html[lang='ar'] .tc-exc,
html[lang='ar'] .wc-sub {
  font-family: 'Thmanyah Serif Text', serif;
  font-feature-settings: 'salt' 1;
}

/* UI chrome / labels / numerals — sans variant. */
html[lang='ar'] .eyebrow,
html[lang='ar'] .hero-eyebrow,
html[lang='ar'] .ac-label,
html[lang='ar'] .ac-num,
html[lang='ar'] .pk-label,
html[lang='ar'] .pk-num,
html[lang='ar'] .pk-badge,
html[lang='ar'] .pk-cta,
html[lang='ar'] .pk-feature-tag,
html[lang='ar'] .wc-tag,
html[lang='ar'] .tc-tag,
html[lang='ar'] .tc-date,
html[lang='ar'] .tc-readtime,
html[lang='ar'] .lc-status,
html[lang='ar'] .lc-tagline,
html[lang='ar'] .lc-tagrow,
html[lang='ar'] .lc-cta,
html[lang='ar'] .filter-btn,
html[lang='ar'] .fbtn,
html[lang='ar'] .tag,
html[lang='ar'] .tb-meta,
html[lang='ar'] .tb-logo,
html[lang='ar'] .sb-pop-h,
html[lang='ar'] .sb-pop-item,
html[lang='ar'] .sb-pop-item .code,
html[lang='ar'] .sb-status,
html[lang='ar'] .sb-lang,
html[lang='ar'] .sb-icon .tip,
html[lang='ar'] .ft-col h4,
html[lang='ar'] .ft-col a,
html[lang='ar'] .ft-copy,
html[lang='ar'] .ft-legal a,
html[lang='ar'] .crumb,
html[lang='ar'] .list-meta,
html[lang='ar'] .post-meta,
html[lang='ar'] .case-aside h4,
html[lang='ar'] .case-aside .val,
html[lang='ar'] .updated,
html[lang='ar'] .figure-label,
html[lang='ar'] .back-link,
html[lang='ar'] .all-link,
html[lang='ar'] .btn-p,
html[lang='ar'] .btn-g,
html[lang='ar'] .submit-btn,
html[lang='ar'] .cookie-btn,
html[lang='ar'] .cookie-title,
html[lang='ar'] .field label,
html[lang='ar'] .field input,
html[lang='ar'] .field textarea,
html[lang='ar'] .privacy,
html[lang='ar'] .ar-ui,
html[lang='ar'] [data-numeric] {
  font-family: 'Thmanyah Sans', system-ui, sans-serif;
  font-feature-settings: 'salt' 1;
}