/* =============================================
   INFYBLAZE – Drone Styles
   styles/drone.css
   ============================================= */

#drone-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none; /* Let clicks pass through */
  z-index: 999;
  overflow: hidden;
}

.drone-wrapper {
  position: absolute;
  width: 80px;
  height: 80px;
  will-change: transform;
}

.drone-body {
  width: 100%;
  height: 100%;
  animation: drone-hover 3s ease-in-out infinite;
}

/* Subtle hovering animation */
@keyframes drone-hover {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  25% {
    transform: translateY(-8px) rotate(2deg);
  }
  75% {
    transform: translateY(8px) rotate(-2deg);
  }
}

/* Drone Glowing Trail/Engine */
.drone-engine-glow {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 10%;
  background: var(--color-primary);
  border-radius: 50%;
  filter: blur(8px);
  opacity: 0.6;
  animation: engine-pulse 1.5s ease-in-out infinite alternate;
}

.drone-fan {
  transform-origin: center;
  animation: fan-spin 0.5s linear infinite;
}

@keyframes fan-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes engine-pulse {
  from { opacity: 0.4; transform: translateX(-50%) scale(0.9); }
  to { opacity: 0.8; transform: translateX(-50%) scale(1.1); }
}