/**
 * News/Blog/Guides Card Image Sizing
 * Keeps card thumbnails at reasonable size - fit, not huge
 */

/* Image wrapper - cap height so cards stay compact */
.fw.page .pageRight .pageRightBox .row .box-desktop-size.newsList .news-image-wrapper,
.fw.page .pageRight .pageRightBox .row .box-desktop-size.blogList .news-image-wrapper,
.fw.page .pageRight .pageRightBox .row .box-desktop-size.guideList .news-image-wrapper,
.col-md-12.col-sm-12.box-desktop-size.newsList .news-image-wrapper,
.col-md-12.col-sm-12.box-desktop-size.blogList .news-image-wrapper,
.col-md-12.col-sm-12.box-desktop-size.guideList .news-image-wrapper {
    max-height: 220px !important;
    overflow: hidden !important;
}

/* Desktop - reasonable thumbnail size */
@media (min-width: 992px) {
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.newsList .news-image-wrapper,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.blogList .news-image-wrapper,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.guideList .news-image-wrapper,
    .col-md-6 .col-md-12.col-sm-12.box-desktop-size.newsList .news-image-wrapper,
    .col-md-6 .col-md-12.col-sm-12.box-desktop-size.blogList .news-image-wrapper,
    .col-md-6 .col-md-12.col-sm-12.box-desktop-size.guideList .news-image-wrapper,
    .col-md-12.col-sm-12.box-desktop-size.newsList .news-image-wrapper,
    .col-md-12.col-sm-12.box-desktop-size.blogList .news-image-wrapper,
    .col-md-12.col-sm-12.box-desktop-size.guideList .news-image-wrapper {
        max-height: 220px !important;
        overflow: hidden !important;
    }
    
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.newsList img,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.blogList img,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.guideList img,
    .fw.page .pageRight .pageRightBox .row .col-md-6 .box-desktop-size.newsList img,
    .fw.page .pageRight .pageRightBox .row .col-md-6 .box-desktop-size.blogList img,
    .fw.page .pageRight .pageRightBox .row .col-md-6 .box-desktop-size.guideList img,
    .col-md-6 .col-md-12.col-sm-12.box-desktop-size.newsList img,
    .col-md-6 .col-md-12.col-sm-12.box-desktop-size.blogList img,
    .col-md-6 .col-md-12.col-sm-12.box-desktop-size.guideList img,
    .col-md-12.col-sm-12.box-desktop-size.newsList img,
    .col-md-12.col-sm-12.box-desktop-size.blogList img,
    .col-md-12.col-sm-12.box-desktop-size.guideList img,
    .col-md-6 .box-desktop-size.newsList img,
    .col-md-6 .box-desktop-size.blogList img,
    .col-md-6 .box-desktop-size.guideList img {
        max-height: 220px !important;
        min-height: 140px !important;
        height: auto !important;
        object-fit: cover !important;
        width: 100% !important;
        display: block !important;
    }
}

/* Mobile - slightly smaller for compact cards */
@media (max-width: 991px) {
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.newsList .news-image-wrapper,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.blogList .news-image-wrapper,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.guideList .news-image-wrapper,
    .col-md-12.col-sm-12.box-desktop-size.newsList .news-image-wrapper,
    .col-md-12.col-sm-12.box-desktop-size.blogList .news-image-wrapper,
    .col-md-12.col-sm-12.box-desktop-size.guideList .news-image-wrapper {
        max-height: 200px !important;
        overflow: hidden !important;
    }
    
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.newsList img,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.blogList img,
    .fw.page .pageRight .pageRightBox .row .box-desktop-size.guideList img,
    .col-md-12.col-sm-12.box-desktop-size.newsList img,
    .col-md-12.col-sm-12.box-desktop-size.blogList img,
    .col-md-12.col-sm-12.box-desktop-size.guideList img {
        max-height: 200px !important;
        min-height: 120px !important;
        height: auto !important;
        object-fit: cover !important;
        width: 100% !important;
        display: block !important;
    }
    
    .news-blog-section .post img,
    .news-blog-section .news-blog-post img,
    .posts-archive .post img.img-rounded.img-responsive,
    .posts-archive .post img.lozad,
    .posts-archive .post a img {
        max-height: none !important;
        min-height: auto !important;
        height: auto !important;
        object-fit: contain !important;
        width: 100% !important;
    }
}