/* Realistic Honeybee Animation */
#bee-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
  overflow: hidden;
}

.bee {
  position: absolute;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.3));
  transform-origin: center;
  animation: wingFlap 0.12s infinite alternate;
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.2s ease-out;
}

.bee.right {
  background-image: url('/images/bee_right.png');
}

.bee.left {
  background-image: url('/images/bee_left.png');
}

@keyframes wingFlap {
  0% { transform: translateY(0) rotate(-2deg); }
  50% { transform: translateY(-3px) rotate(0deg); }
  100% { transform: translateY(0) rotate(2deg); }
}

/* Mobile */
@media (max-width: 768px) {
  .bee {
    width: 30px;
    height: 30px;
  }
}



/* Sound Toggle Button */
#soundToggle {
  color: var(--secondary-color) !important;
  padding: 0.5rem 1rem !important;
  text-decoration: none !important;
  background: transparent !important;
  border: none !important;
}

#soundToggle:hover {
  color: #a06400 !important;
}