/**
 * Blog images — never stretch. Use object-fit: cover inside fixed aspect-ratio frames.
 */

/* Card / hero featured images (1200×800 = 3:2) */
.ykr-blog-img-frame,
.blog-meta-pro .post-img,
.blog-meta-one .post-img,
.blog-details-one .post-img.blog-featured-figure {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #0d1a1c;
    line-height: 0;
    position: relative;
}

.blog-meta-pro .post-img a,
.blog-meta-one .post-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.ykr-blog-img,
.blog-meta-pro .post-img img,
.blog-meta-one .post-img img,
.blog-details-one .post-img.blog-featured-figure img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Square thumbnails (admin list, sidebar) */
.ykr-blog-img-frame--square {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #0d1a1c;
    line-height: 0;
    display: inline-block;
    flex-shrink: 0;
}

.ykr-blog-img-frame--square .ykr-blog-img,
.ykr-blog-img-frame--square img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: cover;
    object-position: center;
}

/* Admin featured image preview */
.image-preview-box.ykr-blog-img-frame,
.image-preview-box {
    aspect-ratio: 3 / 2;
    height: auto !important;
    min-height: 120px;
}

.image-preview-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

/* Legacy theme classes — prevent stretch from width-only rules */
.blog-meta-one .media,
.blog-meta-two .media,
.blog-meta-three .media {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    display: block;
}

.blog-meta-one .media img,
.blog-meta-two .media img,
.blog-meta-three .media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Images inside article HTML — keep natural proportions */
.blog-details-one .post-details img {
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 1.25rem auto;
    border-radius: 12px;
}

.blog-details-one .post-details img[width],
.blog-details-one .post-details img[height] {
    width: auto !important;
    height: auto !important;
}

/* Premium card variant */
.blog-meta-premium .post-img {
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #0d1a1c;
}

.blog-meta-premium .post-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}

.blog-details-one .post-details figure img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
}