/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* ---------- MM2 BEER polish ---------- */

/* accent-tinted text selection */
::selection {
  background: rgba(var(--cl-accent), 0.4);
  color: #fff;
}

/* floating bottom-left currency selector (Shopify style) */
.floating-currency .choices {
  margin-bottom: 0;
}
.floating-currency .choices__inner {
  background: rgba(var(--cl-background), 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0.75rem;
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.6);
}
.floating-currency .choices__list--dropdown,
.floating-currency .choices[data-type*="select-one"] .choices__list--dropdown {
  bottom: calc(100% + 6px);
  top: auto;
  border-radius: 0.75rem;
}

/* soft radial glow behind product card images (showcase feel) */
.card-glow {
  background: radial-gradient(circle at 50% 45%, rgba(var(--cl-accent), 0.16), transparent 70%);
  pointer-events: none;
}

/* cart icon shake when an item is added while the drawer is closed */
@keyframes cart-shake {
  0%, 100% { transform: rotate(0); }
  15% { transform: rotate(-12deg) scale(1.08); }
  30% { transform: rotate(10deg) scale(1.08); }
  45% { transform: rotate(-8deg); }
  60% { transform: rotate(6deg); }
  75% { transform: rotate(-3deg); }
}
.animate-cart-shake {
  animation: cart-shake 0.6s ease-in-out;
}

/* slim dark scrollbar with accent thumb */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: rgb(var(--cl-background));
}
::-webkit-scrollbar-thumb {
  background: rgba(var(--cl-accent), 0.45);
  border-radius: 8px;
  border: 2px solid rgb(var(--cl-background));
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--cl-accent), 0.7);
}