/**
 * Home Page Blog Carousel — Post Thumbnail Aspect Ratio
 * Scoped to Elementor tm-blog-carousel widget.
 * Only loaded on the front page (is_front_page()).
 */

/* Force 3:2 aspect ratio on the post thumbnail wrapper */
.elementor-widget-tm-blog-carousel .post-feature.post-thumbnail.minimog-image {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    position: relative;
    line-height: 0;
}

/* Minimog lazy-image wrapper — fill the container */
.elementor-widget-tm-blog-carousel .post-feature.post-thumbnail.minimog-image m-image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    --lazy-image-width: 100% !important;
    --lazy-image-height: 100% !important;
}

/* Image itself — cover-fill the fixed-ratio box */
.elementor-widget-tm-blog-carousel .post-feature.post-thumbnail.minimog-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}
