/*
 * LZS-283: font-weight >= 600 in the widget rendered as blurry faux bold —
 * the site's FontSquirrel families (latoregular etc.) register exactly one
 * cut each, so the browser synthesizes bold instead of using Lato Bold/Black.
 *
 * Scoped fix: a widget-only family with real 400/700/900 cuts, handed to the
 * widget through its --lzs-font-body theming hook. The bundle defines its
 * theme vars on .lzs-chatbot (every render root carries that class, portals
 * included), so a :root override loses — the doubled class outranks the
 * bundle's single-class definition regardless of stylesheet order. Only the
 * widget bundle consumes --lzs-font-body, so the site's own text is
 * unaffected. Site-wide real-bold cuts were rejected: they would visibly
 * change every faux-bold <strong> across the site.
 */
@font-face {
    font-family: 'lato-widget';
    src: url('../../../Fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../../../Fonts/lato-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'lato-widget';
    src: url('../../../Fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../../../Fonts/lato-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'lato-widget';
    src: url('../../../Fonts/lato-black-webfont.woff2') format('woff2'),
         url('../../../Fonts/lato-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

.lzs-chatbot.lzs-chatbot {
    --lzs-font-body: 'lato-widget', 'latoregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}