/* ==========================================================================
   ARTIST OF NATURAL ESSENCE — ANIMATIONS & MICRO-INTERACTIONS
   ========================================================================== */

/* Shimmer on Gold Elements */
@keyframes goldShimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.gold-shimmer {
  background: linear-gradient(
    90deg,
    #dfba5c 0%,
    #fff2cc 50%,
    #dfba5c 100%
  );
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: goldShimmer 4s linear infinite;
}

/* Subtle Pulse for Badges */
@keyframes subtlePulse {
  0% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.03); opacity: 0.9; }
  100% { transform: scale(1); opacity: 1; }
}

.pulse-badge {
  animation: subtlePulse 3s ease-in-out infinite;
}

/* Float Effect */
@keyframes floating {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
  100% { transform: translateY(0px); }
}

.floating-elem {
  animation: floating 4s ease-in-out infinite;
}

/* Modal Fade & Scale */
@keyframes modalOpen {
  from {
    opacity: 0;
    transform: scale(0.92) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.modal-animate {
  animation: modalOpen 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Glassmorphic Glow */
.glass-panel {
  background: rgba(45, 24, 16, 0.65);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(201, 168, 76, 0.2);
}

/* Badge Glow Border */
.glow-border {
  box-shadow: 0 0 15px rgba(201, 168, 76, 0.25);
}