/* Hiring Process Animation Keyframes */

/* Pulse animation for active step icon */
@keyframes hiring-icon-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.15);
        opacity: 0.8;
    }
}

/* Fade-in and slide up for step transitions */
@keyframes hiring-step-fadein {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Bounce animation for completed step checkmarks */
@keyframes hiring-check-bounce {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

/* Spin animation for loading state on final step */
@keyframes hiring-spinner-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Glow effect for active step */
@keyframes hiring-icon-glow {
    0%, 100% {
        filter: drop-shadow(0 0 4px rgba(34, 139, 230, 0.4));
    }
    50% {
        filter: drop-shadow(0 0 12px rgba(34, 139, 230, 0.7));
    }
}

/* CSS Classes */

.hiring-active-icon {
    animation: hiring-icon-pulse 1.5s ease-in-out infinite,
               hiring-icon-glow 2s ease-in-out infinite;
}

.hiring-step-enter {
    animation: hiring-step-fadein 0.4s ease-out;
}

.hiring-check-enter {
    animation: hiring-check-bounce 0.3s ease-out;
}

.hiring-spinner {
    animation: hiring-spinner-rotate 1s linear infinite;
}

/* Step content styling */
.hiring-step-content {
    transition: all 0.3s ease-in-out;
}

.hiring-step-content h3 {
    margin: 0 0 8px 0;
    font-weight: 600;
}

.hiring-step-content p {
    margin: 0;
    color: #868e96;
}

/* Progress bar animation */
@keyframes hiring-progress-fill {
    from {
        width: 0%;
    }
    to {
        width: var(--progress-width);
    }
}

.hiring-progress-animated {
    animation: hiring-progress-fill 0.5s ease-out;
}