/* ------------------------------------------------------------
   ❤️ Bo-DONG — like-animation.css
   Styles pour l'animation premium du bouton "J'aime"
------------------------------------------------------------- */

/* Pulse animation */
.like-pulse {
  position: absolute;
  inset: -4px;
  border-radius: 999px;
  background: rgba(206, 108, 84, 0.3);
  animation: likePulse 300ms ease-out;
  pointer-events: none;
}

@keyframes likePulse {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.3;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}

/* Particules */
.like-particle {
  position: fixed;
  width: 6px;
  height: 6px;
  background: #C86A55;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1000;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/* Animation du cœur (scale) */
.action-btn--like.liked {
  animation: heartScale 300ms ease-out;
}

@keyframes heartScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

/* Position relative pour le pulse */
.action-btn--like {
  position: relative;
  overflow: visible;
}