@font-face {
    font-family: "TeX Gyre Heros";
    src:
        url("../fonts/texgyre/texgyreheros-bolditalic.woff2") format("woff2"),
        url("../fonts/texgyre/texgyreheros-bolditalic.woff") format("woff");
    font-weight: 500 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "TeX Gyre Heros";
    src:
        url("../fonts/texgyre/texgyreheros-italic.woff2") format("woff2"),
        url("../fonts/texgyre/texgyreheros-italic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Medium weight for Inter */
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Black weight for Inter */
@font-face {
    font-family: "Inter";
    src: url("../fonts/inter/Inter-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Root-level override for Inter */
:root {
    --wp--preset--font-family--univers-lt-std: 'Inter', Arial, Noto Sans, sans-serif;
}

/* Apply Inter font-site-wide, with the exception for forms and placeholders */
html, body, #root, #wrap_all, html body * {
    font-family: 'Inter', Arial, 'Noto Sans', sans-serif;
}

/* Forms + Gravity Forms */
input, textarea, select, button, label, .gform_wrapper, .gform_wrapper * {
    font-family: 'Inter', Arial, sans-serif !important;
}

/* Placeholders */
::placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    font-family: 'Inter', Arial, sans-serif !important;
}

/* Bold Italic: Use TeX Gyre Heros for bold italic text */
strong em, em strong, b i, i b {
    font-family: "TeX Gyre Heros", "Inter", Arial, "Noto Sans", sans-serif !important;
    font-weight: 700 !important;
    font-style: italic !important;
}

/* Specific classes for Inter font-family */
[class*="configurator"], [class*="product"], [class*="cart"] {
    font-family: 'Inter', Arial, sans-serif !important;
}

html body#root.page-template-eestairs-go #wrap_all #main .sticky-button a.button.button-colored {
    font-family: "TeX Gyre Heros", "Inter", Arial, "Noto Sans", sans-serif !important;
    font-weight: 700 !important;
}

div.slick-slide li div.info,
div.slick-slide li div.info a,
#main > div.sticky-button > a.button.button-colored > span.button-title,
#main div.section.pagelinks.less-space .button-wrap a.button.button-colored,
#main div.section.pagelinks.less-space .button-wrap a.button.button-colored span.button-title,
.section.download .button.button-colored .button-title {
    font-family: "TeX Gyre Heros", "Inter", Arial, "Noto Sans", sans-serif;
}

html body#root.page-template-eestairs-go #wrap_all #main .section.images .column.full .info p,
div.slick-slide li div.info p,
#root #wrap_all #main .section.textblock .go-form__btn .button__title {
    font-style: italic;
    font-family: 'TeX Gyre Heros', Arial, 'Noto Sans', sans-serif !important;
}

html body#root.page-template-eestairs-go #wrap_all #main .section.images .slider .entry .info,
html body#root.page-template-eestairs-go #wrap_all #main .section.images .slider .entry .info a .button-title{
    font-style: italic;
    font-family: 'TeX Gyre Heros', Arial, 'Noto Sans', sans-serif !important;
}

html body#root #wrap_all .modal__home h2 {
    font-weight: 600 !important;
}

#main div.section.pagelinks.less-space .column-cta.inviewport .button-wrap a.button.button-colored,
#main div.section.pagelinks.less-space .button-wrap .column-cta.inviewport a.button.button-colored span.button-title{
    font-style: italic;
    font-family: 'TeX Gyre Heros', Arial, 'Noto Sans', sans-serif !important;
}

html #root #wrap_all #main .section.textblock form .gform_footer#formFooter input {
    font-weight: 300;
}