/* =====================================================================
   Satoshi — self-hosted (Fontshare), zero CDN. font-display:swap so the
   configurator never blocks on the font (system fallback paints instantly).
   Applied ONLY under the configurator scope so the rest of the site is
   untouched. woff2 first, woff fallback.
   ===================================================================== */
@font-face {
  font-family: 'Satoshi';
  src: url('../../vendor/fonts/satoshi/Satoshi-Regular.woff2') format('woff2'),
       url('../../vendor/fonts/satoshi/Satoshi-Regular.woff') format('woff');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../../vendor/fonts/satoshi/Satoshi-Medium.woff2') format('woff2'),
       url('../../vendor/fonts/satoshi/Satoshi-Medium.woff') format('woff');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../../vendor/fonts/satoshi/Satoshi-Bold.woff2') format('woff2'),
       url('../../vendor/fonts/satoshi/Satoshi-Bold.woff') format('woff');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* UI face — scoped to the configurator. Form controls + body-portaled panels
   (shadow popover, mobile sticky price, step footer) don't inherit font-family,
   so they are targeted explicitly. Fallback: Inter (existing) then system. */
#asg-configuratore-wrapper,
#asg-configuratore-wrapper input,
#asg-configuratore-wrapper button,
#asg-configuratore-wrapper select,
#asg-configuratore-wrapper textarea,
.asg-shadow-popover,
#asg-mobile-sticky-price,
#asg-config-section-footer-nav {
  font-family: 'Satoshi', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}