/* Locally served storefront and landing fonts. Typography must not depend on cookie consent. */
@font-face {
    font-family: Tajawal;
    src: url('fonts/tajawal-Tajawal-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: Tajawal;
    src: url('fonts/tajawal-Tajawal-ExtraBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: Tajawal;
    src: url('fonts/tajawal-Tajawal-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: Heebo;
    src: url('fonts/heebo-variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
}

html[lang^="ar"] { --locale-site-font: Tajawal, sans-serif; }
html[lang^="he"] { --locale-site-font: Heebo, sans-serif; }

html[lang^="ar"] body,
html[lang^="he"] body,
html[lang^="ar"] body :where(*:not(i):not(svg):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"])),
html[lang^="he"] body :where(*:not(i):not(svg):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"])) {
    font-family: var(--locale-site-font) !important;
}