ÿþ/* Animations pour les notifications de messages dans le header */

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-5px); }
    60% { transform: translateY(-3px); }
}

.header-widget sup {
    transition: all 0.3s ease;
}

.header-widget sup.new-message {
    animation: bounce 0.6s ease-in-out 2;
}

.header-widget.new-message-alert {
    animation: pulse 1s ease-in-out 3;
}