/*
 * Site-wide Bangla typography.
 *
 * The font files are hosted with the CMS, so visitors do not need to install
 * SolaimanLipi on their device. The browser downloads the correct face on
 * demand. Keep this stylesheet after framework/page styles.
 */

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

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

:root {
    --pm-font-bangla: "SolaimanLipi", sans-serif;
    --pm-font-sans: "Inter", "SolaimanLipi", Arial, sans-serif;
    --pm-font-serif: "Cormorant Garamond", "SolaimanLipi", Georgia, serif;
}

body,
button,
input,
optgroup,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.modal,
.popover,
.tooltip {
    font-family: var(--pm-font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6,
.serif {
    font-family: var(--pm-font-serif);
}

/*
 * bangla-font.js adds .pm-bangla-text to existing and AJAX-inserted Bangla
 * text. Language attributes and the CMS's older Bangla classes work without
 * JavaScript as well.
 */
[lang="bn"],
[lang^="bn-"],
.pm-bangla-text,
.bangla,
.bangla-text,
.news-bangla,
.film-highlight-title-bn,
.poster-modal-bangla-title {
    font-family: var(--pm-font-bangla) !important;
}