/* =========================================================
   wishlist.css
   찜하기 버튼 공용 스타일/애니메이션
   - 상세페이지 .detail-actions__btn--like
   - 마이티켓 카드 .wish-card__toggle
   ========================================================= */

@keyframes wishPop {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.35); }
  60%  { transform: scale(0.92); }
  100% { transform: scale(1); }
}

/* 활성화 직후(.is-popping) 한 번 펄스 — JS가 ~360ms 후 클래스 제거 */
.detail-actions__btn--like.is-popping .detail-actions__icon,
.wish-card__toggle.is-popping .wish-card__icon {
  animation: wishPop 0.36s cubic-bezier(0.2, 0.7, 0.3, 1.4);
  transform-origin: center;
}

/* 찜 추가 완료 토스트 (상세페이지) */
.wish-toast {
  position: fixed; bottom: 5rem; left: 50%; transform: translateX(-50%);
  background: rgba(0,0,0,0.8); color: #fff; padding: 0.75rem 1.25rem;
  border-radius: 0.5rem; font-size: 0.875rem; line-height: 1.4;
  white-space: nowrap; z-index: 9999; pointer-events: none;
  animation: wishToastFade 2.5s ease forwards;
}
@keyframes wishToastFade {
  0%   { opacity: 0; transform: translateX(-50%) translateY(0.5rem); }
  10%  { opacity: 1; transform: translateX(-50%) translateY(0); }
  80%  { opacity: 1; }
  100% { opacity: 0; }
}