/* ============================================
   K-Wave ON - Custom styles
   Image sizing & card layout fixes
   ============================================ */

/* ----- Card-1 (Hero Carousel only) ----- */
.swiper-card-hero .article.card-1 .card-img-top {
    min-height: 300px;
}
.article.card-1 .card-img-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article.card-1 .card-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.article.card-1 .card-body {
    margin: -140px 18px 0;
}
@media (min-width: 768px) {
    .article.card-1 .card-body {
        margin: -130px 20px 0;
    }
}
@media (min-width: 992px) {
    .swiper-card-hero .article.card-1 .card-img-top {
        height: 300px !important;
        min-height: unset !important;
        max-height: 300px !important;
    }
    .article.card-1 .card-body {
        margin: -100px 26px 0;
    }
}
@media (min-width: 1200px) {
    .article.card-1 .card-body {
        margin: -100px 26px 0;
    }
}
@media (min-width: 1441px) {
    .swiper-card-hero .article.card-1 .card-img-top {
        height: 320px !important;
        min-height: unset !important;
        max-height: 320px !important;
    }
}

/* ----- Card-1 in Celebrity section (sec-6-home-2) ----- */
.sec-6-home-2 .article.card-1 .card-img-top {
    max-height: 370px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .sec-6-home-2 .article.card-1 .card-body {
        margin-top: -95px;
    }
}

/* ----- Card-2 (Featured Overlay) ----- */
.article.card-2 .post-link {
    height: 500px;
}
.article.card-2 .card-img-top {
    display: block;
    height: 100%;
}
.article.card-2 .card-img-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
@media (max-width: 991.98px) {
    .article.card-2 .post-link {
        height: 350px;
    }
}

/* ----- Card-3 (Standard Horizontal) ----- */
.article.card-3 > .hover-effect-1 {
    flex-shrink: 0;
    min-width: 225px;
    width: 45%;
    height: 100%;
    display: flex;
}
.article.card-3 .card-img-top {
    height: 100%;
    width: 100%;
}
.article.card-3 .card-img-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article.card-3 .card-body {
    flex: 1;
    min-width: 0;
}

/* Latest News: right column cards stretch to match left card-2 height */
.latest-right-col {
    gap: 12px;
}
.latest-right-item {
    flex: 1;
    display: flex;
}
.latest-right-item .article.card-3 {
    width: 100%;
    height: 100%;
}

/* Card-3 in narrow columns: switch to vertical stack */
@media (min-width: 992px) {
    .col-lg-3 > .article.card-3,
    .col-lg-4 > .article.card-3 {
        flex-direction: column !important;
    }
    .col-lg-3 > .article.card-3 > .hover-effect-1,
    .col-lg-4 > .article.card-3 > .hover-effect-1 {
        height: auto;
    }
    .col-lg-3 > .article.card-3 .card-img-top,
    .col-lg-4 > .article.card-3 .card-img-top {
        min-width: unset;
        min-height: 200px;
        max-height: 240px;
    }
}
/* Mobile: card-3 vertical stack */
@media (max-width: 575.98px) {
    .article.card-3 .card-img-top {
        min-height: 200px;
        max-height: 260px;
    }
    .article.card-3 .card-img-top img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* ----- Card-10 (Small Sidebar) ----- */
.article.card-10 .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ----- Card-7 (Archive) image height ----- */
.article.card-7 .card-img {
    height: 220px;
}
.article.card-7 .card-img .hover-effect-30 {
    height: 100%;
}
.article.card-7 .card-img .hover-effect-30 a {
    display: block;
    height: 100%;
}

/* ----- Card-9 (Trending Horizontal) ----- */
.article.card-9 .card-img-top {
    display: flex;
}
.article.card-9 .card-img-top .hover-effect-1 {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 16px;
}
.article.card-9 .card-img-top img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

/* ----- Card-5 (Image + Badge + Title) ----- */
.article.card-5 .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ----- Card-6 (Small Horizontal) ----- */
.article.card-6 .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

/* ----- Card-11 (Large with Body) ----- */
.article.card-11 .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ----- General image cover ----- */
.card-img-top img {
    object-fit: cover;
}