/* ==========================================
   ACTIVITY LIST - IMAGES FINAL FIX
   Solution bullet-proof pour 2.jpg
========================================== */

/* ==========================================
   FORCE ABSOLUE sur .w-250
========================================== */

/* Container - Hauteur FIXE 250px */
#activitiesGrid .cardImage.w-250,
#activitiesGrid .col-md-auto .cardImage.w-250,
#activitiesGrid > * .cardImage.w-250 {
    width: 250px !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

/* Images - Position ABSOLUTE + object-fit COVER */
#activitiesGrid .cardImage.w-250 img,
#activitiesGrid .cardImage.w-250 .card-media,
#activitiesGrid .cardImage.w-250 > img,
#activitiesGrid .col-md-auto .cardImage.w-250 img,
#activitiesGrid .col-md-auto .cardImage.w-250 .card-media,
.cardImage.w-250 .cardImage__content > img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    -o-object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: inherit !important;
}

/* Responsive Mobile */
@media (max-width: 768px) {
    #activitiesGrid .cardImage.w-250,
    #activitiesGrid .col-md-auto .cardImage.w-250 {
        width: 100% !important;
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
    }
}

/* ==========================================
   OVERRIDE main.css spécifiquement
========================================== */

/* Écrase .cardImage__content > img de main.css */
#activitiesGrid .cardImage__content > img,
#activitiesGrid .cardImage.w-250 .cardImage__content > img {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    -o-object-fit: cover !important;
}

/* ==========================================
   IMAGE UNIQUE (sans galerie/swiper)
========================================== */

/* Image directe dans .cardImage (pas de wrapper) */
#activitiesGrid .cardImage.w-250 > img.card-media,
#activitiesGrid .cardImage.w-250 > video.card-media {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    -o-object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}