/* ==========================================================================
   IMAGE STANDARDS — aspect-ratio centralisé
   Ratio 3:2 pour les images rectangulaires, 1:1 pour les carrées.
   Exclusions : .single-post-content img, .single-post-thumbnail img,
                .reels-slider-container, .partenaires-logo img, .amenageur-logo img
   ========================================================================== */

/* --------------------------------------------------------------------------
   IMAGES RECTANGULAIRES — aspect-ratio: 3/2
   -------------------------------------------------------------------------- */

/* Single footer : featured images (wrapper div > img) */
.single-actu-featured-image img,
.single-prix-featured-image img,
.single-video-featured-image img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Single footer : event cards (wrapper div > img) */
.single-event-image img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Single : related posts et publi-redac (wrapper div > img) */
.related-post-thumbnail img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.publi-redac-thumbnail img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Articles generiques — .article-image est un wrapper div */
.article-image img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Actus : .article-thumbnail EST l'<img> directement (the_post_thumbnail) */
.recent-articles img.article-thumbnail {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Actu by category : .featured-thumbnail EST l'<img> directement */
.actu-by-category img.featured-thumbnail {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Actu by category : .article-thumbnail sans featured EST l'<img> */
.actu-by-category .no-featured img.article-thumbnail {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Actu by tag : .featured-thumbnail EST l'<img> directement */
.actu-by-tag img.featured-thumbnail {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Actu by tag : .article-thumbnail sans featured EST l'<img> */
.actu-by-tag .no-featured img.article-thumbnail {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Publi-redactionnel featured (wrapper div > img) */
.publiredac-featured-image img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Author page (wrapper div > img) */
.author-post-thumbnail img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Van cards (wrapper div > img) */
.van-image img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Carousel yogi epingle (wrapper div > img) */
.carou-yogi-epingle .post-thumbnail img {
    aspect-ratio: 3/2;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* --------------------------------------------------------------------------
   IMAGES CARREES — aspect-ratio: 1/1
   -------------------------------------------------------------------------- */

/* Single footer : item images (wrapper div > img) */
.single-actu-item-image img,
.single-prix-item-image img,
.single-video-item-image img {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Actu by category : .article-thumbnail avec featured EST l'<img> */
.actu-by-category .has-featured img.article-thumbnail {
    aspect-ratio: 1/1;
    width: 150px;
    height: auto;
    object-fit: cover;
}

/* Actu by tag : .article-thumbnail avec featured EST l'<img> */
.actu-by-tag .has-featured img.article-thumbnail {
    aspect-ratio: 1/1;
    width: 150px;
    height: auto;
    object-fit: cover;
}

/* --------------------------------------------------------------------------
   AVATARS — aspect-ratio: 1/1 (renforcement)
   -------------------------------------------------------------------------- */

.author-avatar img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.author-header-avatar img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
    /* Items sidebar en mobile : passage en 3/2 (layout horizontal) */
    .single-actu-item-image img,
    .single-prix-item-image img,
    .single-video-item-image img {
        aspect-ratio: 3/2;
    }

    /* has-featured thumbnails en mobile : garder 150px en row layout */
    .actu-by-category .has-featured img.article-thumbnail,
    .actu-by-tag .has-featured img.article-thumbnail {
        width: 150px;
    }
}