/* ==========================================================
   GLOBAL TYPOGRAPHY OVERRIDE
   Loaded LAST in all layouts to enforce Poppins + consistent scale.
   Only overrides font-family globally. Font sizes use lower
   specificity so theme CSS can still control component sizing.
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap');

/* ---- Base Body ---- */
body {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    line-height: 1.625;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---- Heading Font Family (no size/line-height override) ---- */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif !important;
}

/* ---- Paragraph ---- */
p {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    line-height: 1.625;
}

/* ---- Form Elements ---- */
input, select, textarea, button {
    font-family: 'Poppins', sans-serif;
}

/* ---- Navigation ---- */
.main-menu ul li a,
.mainmenu ul li a {
    font-family: 'Poppins', sans-serif;
}

/* ---- Section Titles ---- */
.section-title,
.section_title h2,
.section_title span,
.section-summary {
    font-family: 'Poppins', sans-serif !important;
}

/* ---- Footer ---- */
.footer-section,
.footer-section h4,
.footer-section p,
.footer-section a {
    font-family: 'Poppins', sans-serif;
}

/* ---- Mobile Responsive Type Scale ---- */
@media (max-width: 767px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 32px;
        line-height: 1.2;
    }
    h2 {
        font-size: 28px;
        line-height: 1.25;
    }
    h3 {
        font-size: 22px;
        line-height: 1.3;
    }
    h4 {
        font-size: 18px;
        line-height: 1.3;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }
    p {
        font-size: 15px;
        line-height: 1.6;
    }
}

/* ---- IE11 Fallback ---- */
@supports not (font-size: clamp(1rem, 2vw, 3rem)) {
    h1 { font-size: 36px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; }
}