/* Image fallback — imiter le placeholder existant */

img.image-error {
    display: none !important;
}

/* Card placeholder (archive événements) */
.ev-arc-card-image--placeholder .placeholder-icon {
    display: block;
    width: 65%;
    height: 65%;
    background-color: #4d4d4d;
    -webkit-mask-image: url('../images/icons/plante.svg');
    mask-image: url('../images/icons/plante.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    opacity: 0.5;
}

/* Hero placeholder (événement détail) */
.ev-det-hero-img--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f5f5f5;
    min-height: 400px;
}

.ev-det-hero-img--placeholder .placeholder-icon {
    display: block;
    width: 120px;
    height: 120px;
    background-color: #999;
    -webkit-mask-image: url('../images/icons/plante.svg');
    mask-image: url('../images/icons/plante.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    opacity: 0.3;
}

/* Pour autres contextes (galerie, etc.) */
img.image-error:not(.image-fallback-placeholder) {
    min-height: 200px;
    object-fit: contain;
    background-color: #f5f5f5;
    opacity: 0.5;
}