/* ===================================================================
 * Tajarib (تجارب) — Harf Library, harflibrary.com
 * ===================================================================
 * The site's single typeface, for Arabic and Latin.
 *
 * Licence terms that shape this file (Tajarib_Typeface_License.pdf):
 *   - Web embedding is allowed, but the font program must not be
 *     modified, converted or subset, so the ORIGINAL .otf files are
 *     served as-is (no WOFF2, no subsetting).
 *   - The files must not be offered as standalone downloads: never link
 *     to them from a page, and never commit them to a public repository.
 *
 * Weights shipped: 300 Light, 400 Regular, 500 Medium, 700 Bold,
 * 900 Black. Other requested weights resolve by normal CSS matching
 * (600 -> 700, 800 -> 900).
 *
 * The stretched-letter alternates (long final tails on ب ت س ص ف ق ك
 * م ن ى ي …) live in the font's "ss01" stylistic set (its "swsh"
 * feature maps to the same glyphs). They are switched on for display
 * text only (bottom of this file); body copy, navigation, buttons and
 * forms keep the regular forms for legibility. ss01 touches Arabic
 * glyphs only, so English text is unaffected.
 * =================================================================== */

@font-face {
    font-family: "Tajarib";
    src: url("/assets/fonts/tajarib/Tajarib_Typeface_Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tajarib";
    src: url("/assets/fonts/tajarib/Tajarib_Typeface_Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tajarib";
    src: url("/assets/fonts/tajarib/Tajarib_Typeface_Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tajarib";
    src: url("/assets/fonts/tajarib/Tajarib_Typeface_Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Tajarib";
    src: url("/assets/fonts/tajarib/Tajarib_Typeface_Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* -------------------------------------------------------------------
 * Stretched letters on display text.
 * Template headings use the `font:` shorthand, which resets
 * font-feature-settings, so the feature is set on the display element
 * AND its descendants (the bilingual .lang-string spans) instead of
 * relying on inheritance from body.
 * ------------------------------------------------------------------- */
html :is(h1, h2, h3, h4, h5, h6,
         .inner-headline__text,
         .marquee__text,
         .mxd-promo__caption,
         .mxd-manifest,
         .footer-blocks__title-l,
         .footer-blocks__title-m,
         .main-menu__link),
html :is(h1, h2, h3, h4, h5, h6,
         .inner-headline__text,
         .marquee__text,
         .mxd-promo__caption,
         .mxd-manifest,
         .footer-blocks__title-l,
         .footer-blocks__title-m,
         .main-menu__link) * {
    font-feature-settings: "ss01" 1;
}