/* ============================================================
   IR DESIGN — ir-ui.css
   Variabel font (menyalin next/font) + gaya kecil pendukung UI.
   Desain utama tetap dari app.css (Tailwind compiled).
   ============================================================ */

:root {
  --font-inter: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-space-grotesk: 'Space Grotesk', 'Inter', ui-sans-serif, system-ui, sans-serif;
}

/* Region toast (ala sonner top-center) */
#ir-toast-region {
  pointer-events: none;
}
#ir-toast-region .ir-toast {
  pointer-events: auto;
}

/* Pastikan animasi masuk/keluar dialog terasa sama dengan versi asli */
[data-dialog][data-dialog] {
  -webkit-tap-highlight-color: transparent;
}

/* Sticky footer area bottom sheet cart drawer */
[data-dialog="cart"] [data-panel] {
  display: flex;
  flex-direction: column;
}