/* Styles pour les coups de coeur non lus */

/* Harmoniser les hauteurs des cartes */
.user-card {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* S'assurer que les cartes dans la grille ont la même hauteur */
.user-grid .user-card,
#hearts-grid .user-card,
#matches-grid .user-card,
#visits-grid .user-card {
    height: auto;
    min-height: 200px; /* Hauteur minimale uniforme */
}

/* Badge rouge simple pour les éléments non lus */
.user-card.unread .new-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 12px;
    height: 12px;
    background: #dc3545;
    border-radius: 50%;
    border: 2px solid white;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}