/* ==========================================================
   CatholicDisney.com Animations - Light, Happy & Cheerful
   ========================================================== */

@keyframes sunGlow {
  0%, 100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}

@keyframes floatGentle {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.animate-fade-in {
  animation: fadeIn 0.35s ease-out forwards;
}

.animate-fade-in-up {
  animation: fadeInUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.animate-float {
  animation: floatGentle 5s ease-in-out infinite;
}

.sun-pulse {
  animation: sunGlow 3s infinite ease-in-out;
}

/* Subtle background sunbeams / sparkles layer */
.sunlight-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.sparkle {
  position: absolute;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.6) 0%, transparent 70%);
  border-radius: 50%;
  animation: sunGlow var(--duration, 4s) infinite ease-in-out var(--delay, 0s);
}