/* Animations pour les compteurs de stats (style Twitter/X) */

@keyframes stat-count-up {
    0% {
        transform: translateY(10px);
        opacity: 0.5;
    }
    50% {
        transform: translateY(-2px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes stat-count-down {
    0% {
        transform: translateY(-10px);
        opacity: 0.5;
    }
    50% {
        transform: translateY(2px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Classes pour appliquer les animations */
.stat-count-up {
    animation: stat-count-up 0.5s ease-out;
    display: inline-block;
}

.stat-count-down {
    animation: stat-count-down 0.5s ease-out;
    display: inline-block;
}

/* Transition fluide pour tous les compteurs */
.ctrls-item .num {
    transition: color 0.3s ease, font-weight 0.3s ease;
    display: inline-block;
}