/* =========================================================
   FS Lola – site-wide default font (faith Bangladesh)
   Upload this file to the site root  fonts/  folder, next to
   the FS Lola font files.  url(...) below is relative to THIS
   file, so it is just the file name.

   >>> If a file is renamed on the server, change only its
       name in the src: lines below. <<<
   ========================================================= */

/* File names match public_html/fonts on the server (case-sensitive).
   .woff first (smaller), .ttf as backup. */

/* ---- Regular (the default text weight) ---- */
@font-face {
	font-family: "FS Lola";
	src: url("FSLolaWeb-Regular.woff") format("woff"),
	     url("fs_lola-regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* ---- Bold ---- */
@font-face {
	font-family: "FS Lola";
	src: url("FSLolaWeb-Bold.woff") format("woff"),
	     url("fs_lola_bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* ---- Italic / Bold Italic ---- */
@font-face {
	font-family: "FS Lola";
	src: url("FSLolaWeb-Italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "FS Lola";
	src: url("FSLolaWeb-BoldItalic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* ---- Light and Medium (only .ttf on the server) ---- */
@font-face {
	font-family: "FS Lola";
	src: url("fs_lola_light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "FS Lola";
	src: url("fs_lola-medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* ---- Font stack ----
   FS Lola has Latin letters only, so Bangla text falls through to
   the Bengali fonts in the list (the browser picks per letter). */
:root {
	--fb-font: "FS Lola", "Segoe UI", Roboto, "Helvetica Neue", Arial,
	           "SolaimanLipi", "Noto Sans Bengali", "Vrinda", sans-serif;
	/* Bootstrap 5 reads these */
	--bs-font-sans-serif: var(--fb-font);
	--bs-body-font-family: var(--fb-font);
}

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

/* The old theme CSS (template-style, common, styleorange, menu, form …)
   sets fonts on many elements, so force FS Lola on every element.
   Icon fonts and code/monospace stay as they are. */
body *:not(.fa):not([class*="fa-"]):not(.glyphicon):not([class*="icon"]):not(.material-icons):not(code):not(pre):not(kbd):not(samp):not(.mf-key) {
	font-family: var(--fb-font) !important;
}