/**
 * ============================================================
 * IDEA 3: LIVING BOTANICAL GARDEN STYLESHEET
 * ============================================================
 */

/* 1. Fullscreen Floating Petals & Stardust Canvas */
#garden-ambient-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 9999;
}

/* 2. Roaming Interactive Butterflies */
.roaming-butterfly {
  position: fixed;
  width: 28px;
  height: 28px;
  pointer-events: none;
  z-index: 10000;
  transition: transform 0.05s linear;
  filter: drop-shadow(0 3px 6px rgba(82, 111, 125, 0.3));
}

.roaming-butterfly img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: roamingWingFlap 0.18s ease-in-out infinite alternate;
}

@keyframes roamingWingFlap {
  0% { transform: scaleX(1) rotate(0deg); }
  100% { transform: scaleX(0.18) rotate(-15deg); }
}

/* 3. Parallax Garden Accents */
.garden-parallax-layer {
  position: absolute;
  pointer-events: none;
  transition: transform 0.15s ease-out;
}

/* 4. Living Flora Glow */
.hero-hydrangea-corner,
.welcome-side-accent,
.std-side-bouquet {
  filter: drop-shadow(0 4px 12px rgba(168, 195, 211, 0.45));
  animation: gardenBreathe 4s ease-in-out infinite alternate;
}

@keyframes gardenBreathe {
  0% { transform: scale(1); }
  100% { transform: scale(1.025); }
}