/* DRAP Animations CSS - Excavator Loading Animation */

@keyframes excavator-move {
    0%, 100% { transform: translateX(-50%) rotate(0deg); }
    25% { transform: translateX(-50%) rotate(-5deg); }
    75% { transform: translateX(-50%) rotate(5deg); }
}

@keyframes waste-shrink {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(0.8); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes plant-grow {
    0% { opacity: 0.5; transform: scale(0.8); }
    50% { opacity: 1; transform: scale(1.1); }
    100% { opacity: 0.5; transform: scale(0.8); }
}

@keyframes dust-float {
    0% { opacity: 0; transform: translateY(0); }
    50% { opacity: 0.6; }
    100% { opacity: 0; transform: translateY(-20px); }
}

@keyframes progress-slide {
    0% { width: 0%; }
    50% { width: 70%; }
    100% { width: 100%; }
}

@keyframes text-pulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; }
}

#drap-excavator-icon {
    animation: excavator-move 1s ease-in-out infinite;
}

#drap-waste-pile {
    animation: waste-shrink 2s ease-in-out infinite;
}

#drap-clean-land {
    animation: plant-grow 2s ease-in-out infinite;
}

#drap-dust-particles span {
    animation: dust-float 1.5s ease-out infinite;
}

#drap-dust-particles span:nth-child(2) {
    animation-delay: 0.3s;
}

#drap-dust-particles span:nth-child(3) {
    animation-delay: 0.6s;
}

#drap-progress-bar {
    animation: progress-slide 2s ease-in-out infinite;
}

.loading-text {
    animation: text-pulse 1.5s ease-in-out infinite;
}