/* ========================================
   BRAND TYPEFACE — ITF Shaheen Arabic
   The single source of truth for the family, shared by the public site and the
   admin panel. WOFF2 first (about half the size), OTF kept as a fallback.
   Paths are relative to this file, so it works from any directory depth.
   ========================================
*/
@font-face {
    font-family: 'ITF Shaheen Arabic';
    src: url('../assets/fonts/itfshaheenArabicC-Light.woff2') format('woff2'),
         url('../assets/fonts/itfshaheenArabicC-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITF Shaheen Arabic';
    src: url('../assets/fonts/itfshaheenArabicC-Regular.woff2') format('woff2'),
         url('../assets/fonts/itfshaheenArabicC-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITF Shaheen Arabic';
    src: url('../assets/fonts/itfshaheenArabicC-Medium.woff2') format('woff2'),
         url('../assets/fonts/itfshaheenArabicC-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Declared as a 600–700 range so semibold requests resolve to the real Bold
   cut instead of being synthetically emboldened by the browser. */
@font-face {
    font-family: 'ITF Shaheen Arabic';
    src: url('../assets/fonts/itfshaheenArabicC-Bold.woff2') format('woff2'),
         url('../assets/fonts/itfshaheenArabicC-Bold.otf') format('opentype');
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITF Shaheen Arabic';
    src: url('../assets/fonts/itfshaheenArabicC-Black.woff2') format('woff2'),
         url('../assets/fonts/itfshaheenArabicC-Black.otf') format('opentype');
    font-weight: 800 900;
    font-style: normal;
    font-display: swap;
}

/* ========================================
   Form controls do not inherit typography from their ancestors — browsers
   apply their own UA font to button/input/select/textarea. Without this the
   brand face silently drops out of every button on the site.
   ========================================
*/
button,
input,
select,
textarea,
optgroup {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}