/* Animations for pest icons */

/* Bedbug creepy-crawly animation */
@keyframes creepyCrawl {
    0% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(3px) translateY(-3px) rotate(5deg);
    }
    50% {
        transform: translateX(-2px) translateY(5px) rotate(-3deg);
    }
    75% {
        transform: translateX(4px) translateY(2px) rotate(2deg);
    }
    100% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
}

.pest-icon-animation .bedbug {
    animation: creepyCrawl 3s ease-in-out infinite;
    transform-origin: center;
}

/* Cockroach scurry animation */
@keyframes scurry {
    0% {
        transform: translateX(0) rotate(0deg);
    }
    20% {
        transform: translateX(8px) rotate(3deg);
    }
    40% {
        transform: translateX(-5px) rotate(-2deg);
    }
    60% {
        transform: translateX(5px) rotate(2deg);
    }
    80% {
        transform: translateX(-3px) rotate(-1deg);
    }
    100% {
        transform: translateX(0) rotate(0deg);
    }
}

.pest-icon-animation .cockroach {
    animation: scurry 2.5s ease-in-out infinite;
    transform-origin: center;
}

/* Rat/Mouse scurrying animation */
@keyframes rodentMove {
    0% {
        transform: translateX(-5px) translateY(0);
    }
    25% {
        transform: translateX(5px) translateY(5px);
    }
    50% {
        transform: translateX(10px) translateY(0);
    }
    75% {
        transform: translateX(5px) translateY(-5px);
    }
    100% {
        transform: translateX(-5px) translateY(0);
    }
}

.pest-icon-animation .rat,
.pest-icon-animation .mouse {
    animation: rodentMove 3.5s ease-in-out infinite;
    transform-origin: center;
}

/* Mosquito flying animation */
@keyframes flyAround {
    0% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
    25% {
        transform: translateX(8px) translateY(-8px) rotate(5deg);
    }
    50% {
        transform: translateX(0) translateY(-15px) rotate(0deg);
    }
    75% {
        transform: translateX(-8px) translateY(-8px) rotate(-5deg);
    }
    100% {
        transform: translateX(0) translateY(0) rotate(0deg);
    }
}

.pest-icon-animation .mosquito {
    animation: flyAround 3s ease-in-out infinite;
    transform-origin: center;
}

/* Ant marching animation */
@keyframes marchAlong {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-4px) rotate(2deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(4px) rotate(-2deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}

.pest-icon-animation .ant {
    animation: marchAlong 2s ease-in-out infinite;
    transform-origin: center;
}

/* Moth fluttering animation */
@keyframes flutter {
    0% {
        transform: scale(1) rotate(0deg);
    }
    25% {
        transform: scale(1.05) rotate(3deg);
    }
    50% {
        transform: scale(1) rotate(0deg);
    }
    75% {
        transform: scale(1.05) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0deg);
    }
}

.pest-icon-animation .moth {
    animation: flutter 2s ease-in-out infinite;
    transform-origin: center;
}

/* Beetle crawling animation */
@keyframes beetleCrawl {
    0% {
        transform: translateX(0) rotate(0deg);
    }
    33% {
        transform: translateX(5px) rotate(3deg);
    }
    66% {
        transform: translateX(-5px) rotate(-3deg);
    }
    100% {
        transform: translateX(0) rotate(0deg);
    }
}

.pest-icon-animation .beetle {
    animation: beetleCrawl 4s ease-in-out infinite;
    transform-origin: center;
}

/* Pigeon bobbing animation */
@keyframes bobHead {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(3px) rotate(5deg);
    }
    100% {
        transform: translateY(0) rotate(0deg);
    }
}

.pest-icon-animation .pigeon {
    animation: bobHead 1.5s ease-in-out infinite;
    transform-origin: center;
}

/* Hover effect for all pest icons */
.pest-card-modern:hover .pest-icon {
    animation-play-state: running;
    filter: drop-shadow(0 5px 15px rgba(76, 175, 80, 0.4));
}