/*
 * Frontend typography: Zain
 * Loaded after vendor styles. Admin uses its own assets.
 *
 * Google Fonts is used as the primary source so localhost and hosting render
 * consistently even when the local Apache configuration blocks .ttf files.
 */
@import url('https://fonts.googleapis.com/css2?family=Zain:wght@200;300;400;700;800;900&display=swap');

:root {
    --bs-font-sans-serif: 'Zain', sans-serif;
    --bs-body-font-family: 'Zain', sans-serif;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
input,
select,
textarea,
optgroup,
option,
label,
small,
strong,
em,
b,
li,
dt,
dd,
th,
td,
div,
span,
.tooltip,
.popover,
.datepicker,
.xdsoft_datetimepicker,
.swal2-popup,
.slide-menu {
    font-family: 'Zain', sans-serif !important;
}

/* Bootstrap overlays may define their own typography variables. */
.tooltip,
.popover {
    --bs-tooltip-font-family: 'Zain', sans-serif;
    --bs-popover-font-family: 'Zain', sans-serif;
}

/* Keep icon fonts untouched. */
i,
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
    font-family: inherit;
}

/* Restore Font Awesome font families explicitly where its classes are used. */
.fa-solid,
.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}
.fa-regular,
.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400;
}
.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands" !important;
}