/* ABC Gift Card — Storefront Styles
   Tailwind (via CDN, loaded in index.html) handles most layout/utility
   classes. This file only holds the few things Tailwind's CDN build
   can't: custom fonts, small custom components, and scrollbar styling. */

body {
  font-family: 'Inter', sans-serif;
  background: #faf9fc;
  color: #1c1b19;
}

.font-display {
  font-family: 'Fraunces', serif;
}

.chip {
  transition: all .15s ease;
}
.chip.active {
  background: #6d28d9;
  color: #fff;
}

.cart-drawer {
  transition: transform .25s ease;
}

.modal-backdrop {
  transition: opacity .2s ease;
}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background: #d5c3ee;
  border-radius: 8px;
}

/* ---- Mobile ---- */
@media (max-width: 640px) {
  /* 16px inputs stop iOS Safari zooming in on focus */
  input, select, textarea { font-size: 16px !important; }
}
html { -webkit-text-size-adjust: 100%; }
img { max-width: 100%; height: auto; }
button, a, select, input { touch-action: manipulation; }
#hamper-item-grid > div { min-width: 0; }
/* keep the sticky subtotal clear of the iPhone home indicator */
.sticky.bottom-3 { bottom: max(0.75rem, env(safe-area-inset-bottom)); }
/* cart drawer: use dynamic viewport so the buttons aren't hidden by mobile browser bars */
#cart-drawer { height: 100dvh; }