/* =========================================================
   Ta'qud – Global Font Stack
   ---------------------------------------------------------
   Latin (English) : Myriad Pro
   Arabic          : Bahij TheSansArabic
   Files live in /public/fonts/. Filenames below match the
   exact casing on disk (case-sensitive on Linux).
   ========================================================= */

/* ---------- Bahij TheSansArabic ----------
   Only Light + Bold are bundled. Light covers weights 100-500,
   Bold covers 600-900 via the font-weight range syntax. */
@font-face {
    font-family: 'Bahij TheSansArabic';
    src: url('../fonts/Bahij_TheSansArabic-Light.ttf') format('truetype');
    font-weight: 100 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bahij TheSansArabic';
    src: url('../fonts/Bahij_TheSansArabic-Bold.ttf') format('truetype');
    font-weight: 600 900;
    font-style: normal;
    font-display: swap;
}

/* ---------- Myriad Pro ---------- */
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MYRIADPRO-SEMIBOLD.OTF') format('opentype');
    font-weight: 500 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MYRIADPRO-SEMIBOLDIT.OTF') format('opentype');
    font-weight: 500 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MYRIADPRO-BOLD.OTF') format('opentype');
    font-weight: 700 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MYRIADPRO-BOLDIT.OTF') format('opentype');
    font-weight: 700 900;
    font-style: italic;
    font-display: swap;
}

/* Optional condensed variant kept under a separate family
   so it can be opted-in via `font-family: 'Myriad Pro Condensed'`. */
@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('../fonts/MYRIADPRO-COND.OTF') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('../fonts/MYRIADPRO-CONDIT.OTF') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('../fonts/MYRIADPRO-BOLDCOND.OTF') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro Condensed';
    src: url('../fonts/MYRIADPRO-BOLDCONDIT.OTF') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ---------- Global default stack ----------
   For Latin glyphs Myriad Pro is preferred; the browser will
   automatically fall back to Bahij TheSansArabic for any glyph
   Myriad Pro doesn't ship (i.e. all Arabic characters). */
:root {
    --taqud-font-family: 'Myriad Pro', 'Bahij TheSansArabic', sans-serif;
    --taqud-font-family-ar: 'Bahij TheSansArabic', 'Myriad Pro', sans-serif;
}

html,
body {
    font-family: var(--taqud-font-family) !important;
}

/* For Arabic / RTL contexts prefer Bahij first so Arabic text
   renders with the most appropriate metrics. */
html[lang="ar"],
html[lang="ar"] body,
html[dir="rtl"],
html[dir="rtl"] body,
[dir="rtl"] {
    font-family: var(--taqud-font-family-ar) !important;
}

/* Inherit on every common UI element so Bootstrap / Metronic /
   third-party widgets pick up the new family. */
h1, h2, h3, h4, h5, h6,
p, span, a, li, label, small, strong, em, b, i,
.fw-bold, .fw-semibold, .fw-light, .fw-bolder, .fw-normal,
.text-muted, .text-dark, .text-primary,
.btn, .form-control, .form-select, .form-label, .form-check-label,
.input-group-text,
.menu-link, .menu-title, .menu-content,
.card, .card-title, .card-header, .card-body, .card-footer,
.modal, .modal-title, .modal-body, .modal-header, .modal-footer,
.dropdown-menu, .dropdown-item,
.nav, .nav-link,
.table, .table thead th, .table tbody td,
.alert, .badge, .tooltip, .popover,
input, select, textarea, button,
.swal2-popup, .swal2-title, .swal2-html-container, .swal2-confirm, .swal2-cancel,
.select2-container, .select2-selection, .select2-results__option,
.dataTables_wrapper, .dataTables_wrapper *,
.dropzone, .dropzone *,
.tagify, .tagify * {
    font-family: inherit;
}