/**
 * Checkout Module — Structural Base
 * Theme-independent rules only. No color/bg/border-color here.
 * Theme styles live in checkout.dark.css (or checkout.light.css).
 */

/* ── Inter Variable Font (self-hosted) ── */
@font-face {
  font-family: 'Inter';
  src: url('/checkout/assets/fonts/inter-var.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ── Box Sizing Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
}

/* ── HTMX Loading Indicator ── */
.htmx-request .htmx-indicator {
  display: inline-block;
}

.htmx-indicator {
  display: none;
}

/* ── Alpine.js Cloak ── */
[x-cloak] {
  display: none !important;
}