/* Custom Styles and Animations */

.hexagon-bg {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23ffc800' fill-opacity='0.05' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM29 15l-13.01-7.5V0h2v6.35L29 12.69v2.3zm0 18.5L15.99 41v8h2v-6.85L29 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-7.5L27.99 34H28v2.31h-.01L17 42.65V49h-2zM0 31.75L12.99 39.25v-15L0 16.75v15z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Bee Animations */
@keyframes beeFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes wingFlutterLeft {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(25deg); }
}
@keyframes wingFlutterRight {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(-25deg); }
}

.bee-float {
  animation: beeFloat 3s ease-in-out infinite;
}
.bee-wing-left {
  transform-origin: 45px 40px;
  transform-box: fill-box;
  animation: wingFlutterLeft 0.12s infinite linear;
}
.bee-wing-right {
  transform-origin: 55px 40px;
  transform-box: fill-box;
  animation: wingFlutterRight 0.12s infinite linear;
}