/* Styles pour les notifications de chat */

/* Indicateur de notification sur le profil */
#chat-notification-profile {
    z-index: 1000;
    animation: pulse 2s infinite;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Indicateur de notification dans le menu */
#chat-notification-menu {
    animation: pulse 2s infinite;
    margin-left: 5px;
}

/* Animation de pulsation pour attirer l'attention */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Styles pour les notifications sur mobile */
@media (max-width: 768px) {
    #chat-notification-profile {
        font-size: 0.5em !important;
        min-width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
    }
    
    #chat-notification-menu {
        font-size: 0.6em !important;
    }
}

/* Amélioration de la visibilité */
.navbar-nav .nav-item.dropdown {
    position: relative;
}

/* Style pour les notifications dans le dropdown */
.dropdown-menu .dropdown-item {
    position: relative;
}

.dropdown-menu .dropdown-item .badge {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}