/* Orphans Gate — DIN Next LT Arabic for Arabic and Poppins for English. */
@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextLTArabic-Regular-3.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "DIN Next LT Arabic";
    src: url("../fonts/DINNextLTArabic-Bold-4.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

/* Keep the legacy family names working while loading the new DIN files. */
@font-face {
    font-family: "regular";
    src: url("../fonts/DINNextLTArabic-Regular-3.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "light";
    src: url("../fonts/DINNextLTArabic-Regular-3.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-pxibyp8kv8jhgfvrldz8z1xlfq.woff2") format("woff2");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-pxieyp8kv8jhgfvrjjfecg.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-pxibyp8kv8jhgfvrlgt9z1xlfq.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-pxibyp8kv8jhgfvrlej6z1xlfq.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/poppins-pxibyp8kv8jhgfvrlcz7z1xlfq.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --ogs-font-regular: "DIN Next LT Arabic", Arial, sans-serif;
    --ogs-font-bold: "DIN Next LT Arabic", Arial, sans-serif;
}

/* The admin layout identifies itself as English but is RTL; keep DIN there. */
html[lang^="en"]:not([dir="rtl"]) {
    --ogs-font-regular: "Poppins", Arial, sans-serif;
    --ogs-font-bold: "Poppins", Arial, sans-serif;
}

html body,
html body :is(input, select, textarea, option, optgroup, button, table, caption, p, label, legend, small, blockquote, figcaption, address, dt, dd, li) {
    font-family: var(--ogs-font-regular) !important;
}

html body a:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.glyphicon):not([class^="icon-"]):not([class*=" icon-"]),
html body span:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.glyphicon):not([class^="icon-"]):not([class*=" icon-"]) {
    font-family: var(--ogs-font-regular) !important;
}

html body :is(h1, h2, h3, h4, h5, h6, strong, b, th, .btn, [class*="__title"], [class*="-title"]) {
    font-family: var(--ogs-font-bold) !important;
    font-weight: 700 !important;
}