/**
 * Lexsense Featured Image UX 1.4.2
 * Deliberately scoped to the class injected into WordPress POST thumbnails.
 * It does not style generic <img> elements or images inside post content.
 */

.lx-featured-ux-enabled img.lx-featured-thumb {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

/* Prevent theme/card wrappers from stretching the generated thumbnail. */
.lx-featured-ux-enabled .post-thumbnail img.lx-featured-thumb,
.lx-featured-ux-enabled .wp-post-image.lx-featured-thumb,
.lx-featured-ux-enabled .wp-block-post-featured-image img.lx-featured-thumb {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Listing contexts: keep a stable visual rhythm without targeting content images. */
.lx-featured-ux-enabled.blog img.lx-featured-thumb,
.lx-featured-ux-enabled.archive img.lx-featured-thumb,
.lx-featured-ux-enabled.search img.lx-featured-thumb,
.lx-featured-ux-enabled .lexsense-post-card img.lx-featured-thumb,
.lx-featured-ux-enabled .lexsense-blog-grid img.lx-featured-thumb,
.lx-featured-ux-enabled .lexsense-archive-card img.lx-featured-thumb,
.lx-featured-ux-enabled .lexsense-search-card img.lx-featured-thumb,
.lx-featured-ux-enabled .lexsense-featured-paper img.lx-featured-thumb {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

@media (max-width: 640px) {
    .lx-featured-ux-enabled img.lx-featured-thumb {
        border-radius: 8px;
    }
}