/* Undead/Zombie Theme Glow Effects and Animations */

/* Glowing text effect for headings */
.glow-text {
  text-shadow: 0 0 10px var(--accent-color), 0 0 20px var(--accent-color), 0 0 30px var(--accent-color);
}

/* Pulsing glow animation for interactive elements */
@keyframes undead-pulse {
  0%, 100% {
    box-shadow: 0 0 5px var(--accent-color), 0 0 10px var(--accent-color);
  }
  50% {
    box-shadow: 0 0 10px var(--accent-color), 0 0 20px var(--accent-color), 0 0 30px var(--accent-color);
  }
}

.undead-glow {
  animation: undead-pulse 2s ease-in-out infinite;
}

/* Blood drip effect for call-to-action buttons */
@keyframes blood-drip {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}

.btn-blood {
  background: linear-gradient(45deg, var(--purple-color), var(--accent-color));
  background-size: 200% 200%;
  animation: blood-drip 3s ease-in-out infinite;
}

/* Hover effect for cards - subtle undead glow */
.card-hover-glow:hover {
  box-shadow: 0 5px 15px rgba(69, 162, 158, 0.3), 0 0 20px rgba(69, 162, 158, 0.1);
  transition: all 0.3s ease;
}

/* Zombie-fish like swimming animation for decorative elements */
@keyframes zombie-swim {
  0%, 100% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(10px) rotate(2deg);
  }
  50% {
    transform: translateX(-5px) rotate(-1deg);
  }
  75% {
    transform: translateX(8px) rotate(1deg);
  }
}

.zombie-swim {
  animation: zombie-swim 4s ease-in-out infinite;
}

/* Bio-luminescent glow for accent elements */
.bio-glow {
  box-shadow: 0 0 15px rgba(69, 162, 158, 0.5), inset 0 0 15px rgba(69, 162, 158, 0.1);
}

/* Flickering effect for dramatic elements */
@keyframes flicker {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

.flicker {
  animation: flicker 1.5s ease-in-out infinite;
}