/**
 * Green Lion — site typography: Poppins everywhere.
 *
 * Requested 7 Sept 2026 ("change the font style from Inter to Poppins across
 * the whole website"). Inter is applied in two places the child theme can't
 * edit — the XStore Customizer typography (Kirki inline CSS: body, headings,
 * buttons) and per-widget Elementor typography ("Inter", Sans-serif). Rather
 * than chase both, this file self-hosts Poppins and applies it to every
 * text-bearing element with !important, skipping icon-font elements.
 *
 * Icon fonts are safe: XStore / Elementor / WooCommerce draw glyphs on
 * ::before/::after with their own font-family, which this rule never touches;
 * the few elements that carry an icon font directly (.et-icon, .dashicons,
 * .eicon-*, .fa*) are excluded below.
 *
 * Once this is live, set Customizer → Typography and Elementor → Site Settings
 * → Global Fonts to Poppins too, so the site stops downloading Inter.
 */

@font-face {
	font-family: 'Poppins';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/poppins-latin-400-italic.woff2') format('woff2');
	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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/poppins-latin-400.woff2') format('woff2');
	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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/poppins-latin-500.woff2') format('woff2');
	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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/poppins-latin-600.woff2') format('woff2');
	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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/poppins-latin-700.woff2') format('woff2');
	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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	--gl-font: 'Poppins', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--gl-font-poppins: 'Poppins', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Elementor global font tokens (kit-level). */
body,
.elementor-kit-10,
[class*="elementor-kit-"] {
	--e-global-typography-primary-font-family: 'Poppins';
	--e-global-typography-secondary-font-family: 'Poppins';
	--e-global-typography-text-font-family: 'Poppins';
	--e-global-typography-accent-font-family: 'Poppins';
}

/* Every element except icons, code and SVG. :where() keeps specificity at
   (0,0,2) so nothing else in the cascade is disturbed; !important is what
   beats the Kirki and Elementor declarations. */
html body,
html body :where(:not(i, svg, path, code, pre, kbd, samp, .et-icon, [class*="et-icon"], .dashicons, [class*="dashicons-"], [class*="eicon"], .fa, .fas, .far, .fab, .fal, [class*="fa-"], .yith-wcwl-icon, [class*="icon-"], [class*="-icon"], .elementor-menu-cart__close-button, .elementor-menu-cart__close-button-custom, .select2-selection__arrow, .star-rating, .mfp-close, .mfp-arrow)) {
	font-family: 'Poppins', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

/* Poppins sits a touch larger/rounder than Inter at the same size — keep the
   heavier weights XStore uses for headings/buttons but stop them looking bold
   everywhere. */
html body :where(h1, h2, h3, h4, h5, h6, .products-title) {
	letter-spacing: -0.01em;
}