/**
 * Holy Spirit Animated Dove Styles
 * Syro-Malabar Catholic Church Bristol
 */

/* Full Viewport Click-Through Canvas */
.holy-spirit-dove-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none !important;
  z-index: 99999;
  overflow: hidden;
  display: block;
}

/* Reduced Motion Header Emblem (Hidden by default, shown when reduced motion is preferred) */
.holy-spirit-emblem-header {
  display: none;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;
  opacity: 0.9;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.holy-spirit-emblem-svg {
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 0 8px rgba(253, 230, 138, 0.7));
  animation: sacredDovePulse 4s ease-in-out infinite alternate;
}

@keyframes sacredDovePulse {
  0% {
    transform: scale(0.96) translateY(0);
    filter: drop-shadow(0 0 6px rgba(253, 230, 138, 0.5));
  }
  100% {
    transform: scale(1.04) translateY(-2px);
    filter: drop-shadow(0 0 12px rgba(254, 240, 138, 0.9));
  }
}

/* Accessibility: Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  .holy-spirit-dove-canvas {
    display: none !important;
  }
  .holy-spirit-emblem-header {
    display: inline-flex;
  }
}

/* Responsive adjustment for small screens */
@media (max-width: 768px) {
  .holy-spirit-emblem-svg {
    width: 22px;
    height: 22px;
  }
}