/**
 * Styles pour le module Default Profile Images
 * Masque les images par défaut du système et améliore le chargement
 */

/* Masquer les images par défaut du système qui ne sont pas encore remplacées */
img[src*="/static/img/default_user.jpg"],
img[src*="/img/default_user.jpg"],
img[src*="default_user.jpg"] {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}

img[src*="/static/img/default_banner.jpg"],
img[src*="/img/default_banner.jpg"],
img[src*="default_banner.jpg"] {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}

/* Afficher les images personnalisées du module une fois chargées */
img[src*="/default_profile_images/image/view"] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: visible;
}

/* Classe ajoutée par JavaScript quand l'image est chargée */
img.default-profile-image-loaded {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Masquer les bannières par défaut jusqu'à ce qu'elles soient remplacées */
.card-bg-image[style*="background-image: url('/static/img/default_banner.jpg')"],
.card-bg-image[style*="background-image: url(\"/static/img/default_banner.jpg\")"],
.card-bg-image[style*="background-image: url('/img/default_banner.jpg')"],
.card-bg-image[style*="background-image: url(\"/img/default_banner.jpg\")"] {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}

/* Afficher les bannières personnalisées du module une fois chargées */
.card-bg-image[style*="/default_profile_images/image/view"] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    visibility: visible;
}

/* Classe ajoutée par JavaScript quand la bannière est chargée */
.card-bg-image.default-profile-image-loaded {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Cibler spécifiquement la page "Membres" (People) */
.card-people .card-image-wrapper img[src*="/static/img/default_user.jpg"],
.card-people .card-image-wrapper img[src*="/img/default_user.jpg"],
.card-panel .card-image-wrapper img[src*="/static/img/default_user.jpg"],
.card-panel .card-image-wrapper img[src*="/img/default_user.jpg"] {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
}

.card-people .card-bg-image[style*="background-image: url('/static/img/default_banner.jpg')"],
.card-people .card-bg-image[style*="background-image: url(\"/static/img/default_banner.jpg\")"],
.card-people .card-bg-image[style*="background-image: url('/img/default_banner.jpg')"],
.card-people .card-bg-image[style*="background-image: url(\"/img/default_banner.jpg\")"],
.card-panel .card-bg-image[style*="background-image: url('/static/img/default_banner.jpg')"],
.card-panel .card-bg-image[style*="background-image: url(\"/static/img/default_banner.jpg\")"],
.card-panel .card-bg-image[style*="background-image: url('/img/default_banner.jpg')"],
.card-panel .card-bg-image[style*="background-image: url(\"/img/default_banner.jpg\")"] {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
}

/* Afficher les images personnalisées dans les cartes People */
.card-people .card-image-wrapper img[src*="/default_profile_images/image/view"],
.card-panel .card-image-wrapper img[src*="/default_profile_images/image/view"] {
    opacity: 1 !important;
    transition: opacity 0.3s ease-in-out;
}

.card-people .card-bg-image[style*="/default_profile_images/image/view"],
.card-panel .card-bg-image[style*="/default_profile_images/image/view"] {
    opacity: 1 !important;
    transition: opacity 0.3s ease-in-out;
}

/* Préchargement silencieux : masquer les images jusqu'à ce qu'elles soient chargées */
.default-profile-image-loading {
    opacity: 0 !important;
    transition: opacity 0.3s ease-in-out;
}

.default-profile-image-loaded {
    opacity: 1 !important;
}