/**
 * 🎯 INTÉGRATION PHOTOS ELITE DANS LES ANNEAUX DE PRÉSENCE CARRÉS
 * 
 * Les photos Elite remplacent complètement l'avatar dans l'anneau CARRÉ de présence
 * Sur toutes les pages : index, amis, tournois
 */

/* FORCER LES AVATAR-CONTAINER À RESTER CARRÉS (pas ronds) */
.avatar-container {
    border-radius: 6px !important; /* Carré avec coins arrondis comme avant */
    overflow: hidden !important;
}

/* SUPPRIMER COMPLÈTEMENT LES AVATARS PAR DÉFAUT POUR LES ELITE */
.avatar-container.elite-member .avatar {
    display: none !important;
}

/* FORCER LA SUPPRESSION DE TOUS LES ÉLÉMENTS PAR DÉFAUT DANS LES CONTAINERS ELITE */
.avatar-container.elite-member > *:not(.elite-photo):not(.level-indicator) {
    display: none !important;
}

/* Photo Elite directement dans l'avatar-container (remplace tout) */
.avatar-container.elite-member {
    padding: 0 !important;
    background: none !important;
}

.avatar-container.elite-member .elite-photo {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; /* Photo carrée sans arrondi */
    filter: none !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Photo Elite dans les cartes de différentes tailles */
.avatar-small .elite-photo {
    border-radius: 0 !important;
}

.avatar-large .elite-photo {
    border-radius: 0 !important;
}

/* Assurer que les photos Elite ne sont pas affectées par les filtres CSS */
.avatar-container .elite-photo,
.avatar .elite-photo {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
}

/* Style pour les cartes utilisateurs avec photos Elite */
.user-card .avatar-container .elite-photo,
.friend-card .avatar-container .elite-photo,
.participant-card .avatar-container .elite-photo {
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Badge de couronne Elite supprimé sur demande utilisateur */

/* Supprimer le border des avatars (demande utilisateur) */
.avatar, 
#avatar,
.avatar-container .avatar,
div[style*="border-radius: 50%"].avatar,
div[style*="border: 3px solid"] {
    border: none !important;
}

/* Cibler spécifiquement les avatars dans le header et profil */
#avatar,
.header .avatar,
.profile-modal .avatar,
div[style*="width: 120px"][style*="height: 120px"] {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Supprimer le border-radius des images dans les avatars */
#avatar img,
.avatar img,
.header .avatar img,
.profile-modal .avatar img,
div[style*="width: 120px"] img,
img[style*="border-radius: 50%"],
img[alt="Photo profil"],
img[src*="profile_photos/elite"],
img[src*="backend/uploads"] {
    border-radius: 0 !important;
}

/* Force suppression border-radius pour tous les styles inline */
div[style*="border: 3px solid"] img,
div[id="avatar"] img {
    border-radius: 0 !important;
    border: none !important;
}

/* RÈGLE ULTRA SPÉCIFIQUE pour les photos Elite - PRIORITÉ ABSOLUE */
img[src*="user_2_1759608110.jpg"],
img[alt="Photo profil"][src*="backend/uploads"],
img[style*="object-fit: cover"][src*="profile_photos"],
.avatar-container img,
.header img[alt*="Photo"],
div[id="avatar"] img,
/* NOUVEAU: Force maximale contre border-radius: 50% */
img[src*="profile_photos/elite"] {
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}

/* SPÉCIFICITÉ MAXIMALE - Override n'importe quel autre style */
html body img[src*="backend/uploads/profile_photos/elite"] {
    border-radius: 0px !important;
}

/* Force via attribut style pour les images dynamiques */
img[src*="profile_photos"][style] {
    border-radius: 0px !important;
}

/* Animation subtile pour les photos Elite */
.avatar-container .elite-photo {
    transition: transform 0.2s ease;
}

.avatar-container:hover .elite-photo {
    transform: scale(1.05);
}

/* Compatibilité avec les anneaux de statut existants */
.avatar-container.online .elite-photo,
.avatar-container.offline .elite-photo,
.avatar-container.en-jeu .elite-photo {
    border-radius: 0 !important;
}