/* ===================================================
   kq-typography.css – Fonts, Headings, Body Text
   =================================================== */

/* ── Body ── */
body {
	color: #333333;
	font-size: 100%;
	font-family: Inter, sans-serif;
	font-weight: 400;
	font-style: normal;
	background: #f0f2f5;
	margin: 0;
	padding: 0;
}

/* ── Headings ── */
h1, h2, h3, h4, h5, h6,
.heading-font {
	color: #333333;
}

h1, h2, h3, h4, h5, h6,
.heading-font,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
	font-family: Barlow, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: 700;
	font-style: normal;
}

/* ── Navigation fonts ── */
.nav > li > a,
.mobile-sidebar-levels-2 .nav > li > ul > li > a {
	font-family: Barlow, sans-serif;
	font-weight: 600;
	font-style: normal;
}

/* ── Alt font (gradient brand text) ── */
.alt-font {
	font-family: Barlow, sans-serif;
	font-weight: 700 !important;
	font-style: normal !important;
}

/* ── Font sizes – Desktop ── */
h1 { font-size: 36px; margin-bottom: 0.2em; }
h2 { font-size: 32px; margin-bottom: 0.2em; }
h3 { font-size: 28px; margin-bottom: 0.2em; }
h4 { font-size: 24px; margin-bottom: 0.2em; }
h5 { font-size: 20px; margin-bottom: 0.2em; }
h6 { font-size: 16px; margin-bottom: 0.2em; font-weight: 600 !important; }

h1, h2, h3, h4, h5, h6,
.uppercase, th, span.widget-title {
	letter-spacing: 0;
}

/* ── Font sizes – Tablet (550–849px) ── */
@media (min-width: 550px) and (max-width: 849px) {
	h1 { font-size: 30px; }
	h2 { font-size: 26px; }
	h3 { font-size: 23px; }
	h4 { font-size: 21px; }
	h5 { font-size: 18px; }
	body { font-size: 97%; }
}

/* ── Font sizes – Mobile (<550px) ── */
@media (max-width: 549px) {
	h1 { font-size: 24px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }
	h4 { font-size: 18px; }
	h5 { font-size: 16px; }
	h6 { font-size: 15px; }
	body { font-size: 94%; }
}

/* ── Font Faces – Barlow ── */
@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Barlow';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Font Faces – Inter ── */
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+1F00-1FFF;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0370-03FF;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}