@font-face {
    font-family: "QatarMediaCorporation";
    src: url("../fonts/Qmc/QatarMediaCorporation-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "QatarMediaCorporation";
    src: url("../fonts/Qmc/QatarMediaCorporation-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "QatarMediaCorporation";
    src: url("../fonts/Qmc/QatarMediaCorporation-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --tabie-global-font-family: "QatarMediaCorporation", "TanseekModernProArabic", sans-serif;
    --bs-body-font-family: var(--tabie-global-font-family);
    --bs-heading-font-family: var(--tabie-global-font-family);
}

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

body :where(*):not(i):not(.material-icons):not(.material-icons-round):not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]):not([class^="iconly"]):not([class*=" iconly"]) {
    font-family: var(--tabie-global-font-family) !important;
}

header .navbar .item-name,
header .iq-nav-menu > li > a,
header .dropdown-menu a,
footer .menu-item a,
footer .footer-link-title {
    font-family: var(--tabie-global-font-family) !important;
}

/* Popup titles: unified size and QMC bold font across the site */
.modal-title,
.category-modal-title,
.trailer-player-title,
.program-popup-title,
.tabie-login-modal .tabie-login-title {
    font-family: var(--tabie-global-font-family) !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.2;
}