/* Styles pour les avatars */
.avatar-container {
    position: relative;
}

.avatar-small {
    width: 32px;
    height: 32px;
}

.avatar-medium {
    width: 40px;
    height: 40px;
}

.avatar-large {
    width: 50px;
    height: 50px;
}

.avatar-xl {
    width: 80px;
    height: 80px;
}

.avatar {
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.avatar-admin {
    border-color: #dc3545; /* Rouge pour admin */
}

.avatar-coach {
    border-color: #ffc107; /* Jaune pour coach */
}

.avatar-client {
    border-color: #007bff; /* Bleu pour client */
}

/* Animation hover pour les avatars */
.avatar:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease-in-out;
}