/* Hyvä / Tailwind: layout and colors live in templates; this file keeps animation and login overlay hook */

@keyframes popupFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.boeki-popup.open {
  animation: popupFadeIn 0.3s ease-out;
}

/* Login design previously inlined styles — :has() targets content rendered inside the container */
.boeki-popup-container:has(.customer_login) {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
}