/* HomeNews Component Styles */
/* Responsive design cho các màn hình khác nhau */

/* Featured Image - Ảnh tin tức nổi bật */
.vne-item.item-row.item-only .item-image.featured-image {
    /* Desktop và laptop (1200px+) */
    /*min-width: 527px;*/
    max-width: 527px;
    flex-shrink: 0;
}

/* Featured Image - Kính lúp công nghệ (800px) */
.vne-item.item-row.item-only .item-image.kinh-lup-featured {
    /* Desktop và laptop (1200px+) */
    min-width: 800px;
}

/* News Thumbnail - Ảnh thumbnail tin tức */
.vne-item.item-row .item-image.news-thumbnail {
    /* Desktop và laptop (1200px+) */
    min-width: 200px;
}

/* News Thumbnail - Kính lúp công nghệ (160px) */
.vne-item.item-row .item-image.kinh-lup-thumbnail {
    /* Desktop và laptop (1200px+) */
    min-width: 160px;
}

/* Featured Image - TechTalk (540px) */
.vne-item.item-row .item-image.techtalk-featured {
    /* Desktop và laptop (1200px+) */
    min-width: 540px;
}

/* News Thumbnail - TechTalk (290px) */
.vne-item.item-col .item-image.techtalk-thumbnail {
    /* Desktop và laptop (1200px+) */
    min-width: 290px;
}

/* Featured Image - NewsCategory (540px) */
.vne-item.item-row .item-image.newscategory-featured {
    /* Desktop và laptop (1200px+) */
    min-width: 540px;
}

/* News Thumbnail - NewsCategory (290px) */
.vne-item.item-col .item-image.newscategory-thumbnail {
    /* Desktop và laptop (1200px+) */
    min-width: 290px;
}

/* Responsive breakpoints */
/* Widescreen down (max-width: 1199px) */
@media (max-width: 1199px) {
    .vne-item.item-row.item-only .item-image.featured-image {
        min-width: 500px;
    }

    .vne-item.item-row.item-only .item-image.kinh-lup-featured {
        min-width: 650px;
    }

    .vne-item.item-row .item-image.news-thumbnail {
        min-width: 180px;
    }

    .vne-item.item-row .item-image.kinh-lup-thumbnail {
        min-width: 150px;
    }

    .vne-item.item-row .item-image.techtalk-featured {
        min-width: 450px;
    }

    .vne-item.item-col .item-image.techtalk-thumbnail {
        min-width: 250px;
    }

    .vne-item.item-row .item-image.newscategory-featured {
        min-width: 450px;
    }

    .vne-item.item-col .item-image.newscategory-thumbnail {
        min-width: 250px;
    }
}

/* Tablet down (max-width: 991px) */
@media (max-width: 991px) {
    .vne-item.item-row.item-only .item-image.featured-image {
        min-width: 400px;
    }

    .vne-item.item-row.item-only .item-image.kinh-lup-featured {
        min-width: 500px;
    }

    .vne-item.item-row .item-image.news-thumbnail {
        min-width: 160px;
    }

    .vne-item.item-row .item-image.kinh-lup-thumbnail {
        min-width: 130px;
    }

    .vne-item.item-row .item-image.techtalk-featured {
        min-width: 400px;
    }

    .vne-item.item-col .item-image.techtalk-thumbnail {
        min-width: 220px;
    }

    .vne-item.item-row .item-image.newscategory-featured {
        min-width: 400px;
    }

    .vne-item.item-col .item-image.newscategory-thumbnail {
        min-width: 220px;
    }
}

/* Mini tablet down (max-width: 767px) */
@media (max-width: 767px) {
    .vne-item.item-row.item-only .item-image.featured-image {
        min-width: 300px;
    }

    .vne-item.item-row.item-only .item-image.kinh-lup-featured {
        min-width: 400px;
    }

    .vne-item.item-row .item-image.news-thumbnail {
        min-width: 140px;
    }

    .vne-item.item-row .item-image.kinh-lup-thumbnail {
        min-width: 120px;
    }

    .vne-item.item-row .item-image.techtalk-featured {
        min-width: 350px;
    }

    .vne-item.item-col .item-image.techtalk-thumbnail {
        min-width: 200px;
    }

    .vne-item.item-row .item-image.newscategory-featured {
        min-width: 350px;
    }

    .vne-item.item-col .item-image.newscategory-thumbnail {
        min-width: 200px;
    }
}

/* Mobile (max-width: 575px) */
@media (max-width: 575px) {
    .vne-item.item-row.item-only .item-image.featured-image {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-row.item-only .item-image.kinh-lup-featured {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-row .item-image.news-thumbnail {
        min-width: 120px;
    }

    .vne-item.item-row .item-image.kinh-lup-thumbnail {
        min-width: 100px;
    }

    .vne-item.item-row .item-image.techtalk-featured {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-col .item-image.techtalk-thumbnail {
        min-width: 150px;
    }

    .vne-item.item-row .item-image.newscategory-featured {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-col .item-image.newscategory-thumbnail {
        min-width: 150px;
    }

    /* Responsive layout adjustments cho mobile */
    .vne-items.items-2 .vne-item.item-row {
        flex-direction: column;
    }

        .vne-items.items-2 .vne-item.item-row .item-body.item-body-left {
            order: 2;
            margin-top: 1rem;
        }

        .vne-items.items-2 .vne-item.item-row .item-image.news-thumbnail {
            order: 1;
            width: 100%;
            min-width: 100%;
        }
}

/* Extra small devices (max-width: 480px) */
@media (max-width: 480px) {
    .vne-item.item-row.item-only .item-image.featured-image {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-row.item-only .item-image.kinh-lup-featured {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-row .item-image.news-thumbnail {
        min-width: 100px;
    }

    .vne-item.item-row .item-image.kinh-lup-thumbnail {
        min-width: 80px;
    }

    .vne-item.item-row .item-image.techtalk-featured {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-col .item-image.techtalk-thumbnail {
        min-width: 120px;
    }

    .vne-item.item-row .item-image.newscategory-featured {
        min-width: 100%;
        width: 100%;
    }

    .vne-item.item-col .item-image.newscategory-thumbnail {
        min-width: 120px;
    }
}


.event-wapper .item-body {
    flex-grow: 1;
}

section.block-video .col-md-9 .item-body {
    padding-left: 0;
}

.block-latest .vne-items.items-2:not(:last-child) {
    margin-bottom: 12px;
}

.block-latest .vne-items.item-col-2 {
    display: flex;
}

.block-latest .sub-news {
    padding-bottom: 20px;
}

    .block-latest .sub-news:last-child {
        padding-bottom: 0;
    }



.vne-items.item-col-2 .vne-sub-items {
    flex-basis: 50%;
}

    .vne-items.item-col-2 .vne-sub-items:first-child {
        padding-right: 18px;
        border-right: 1px solid #e5e5e5;
    }

    .vne-items.item-col-2 .vne-sub-items:last-child {
        padding-left: 18px;
    }

@media screen and (max-width:576px) {
    .block-latest .vne-items.item-col-sm {
        display: block;
    }

        .block-latest .vne-items.item-col-sm .vne-sub-items {
            border-right: none;
            padding-right: 0;
            padding-left: 0;
        }
}

.items-seemore a:hover {
    background-color: #ed1d26;
}

.event-wapper .tags-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.block-seemore a {
    color: inherit;
}

@media (min-width: 768px) {
    .block-latest .block-container,
    .block-lifestyle .block-container,
    .block-talk .block-container {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 20px;
    }

    .block-latest .latest-news,
    .block-lifestyle .latest-news,
    .block-talk .latest-news {
        flex-grow: 1;
    }

    .block-latest .latest-advertisement,
    .block-lifestyle .advertisement,
    .block-talk .top-view {
        max-width: 25%;
        flex-shrink: 0;
    }

    .block-latest .latest-advertisement,
    .block-lifestyle .advertisement {
        text-align: center;
    }

    .block-lifestyle .lifestyle-wapper {
        display: flex;
        align-items: start;
    }

        .block-lifestyle .lifestyle-wapper .lifestyle-left,
        .block-lifestyle .lifestyle-wapper .lifestyle-right {
            flex-basis: 50%;
        }

    /* Giãn khoảng cách giữa các tin phụ, lấp khoảng trống phía dưới list */
    .block-latest .block-container {
        align-items: stretch;
    }

    .block-latest .latest-news {
        display: flex;
        flex-direction: column;
    }

    .block-latest .home-top-sub-list {
        flex: 1 1 auto;
        align-items: stretch;
    }

    .block-latest .home-top-sub-list .vne-sub-items {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .block-latest .home-top-sub-list .sub-news {
        padding-bottom: 0;
    }
}

.block-talk .main-news {
    column-gap: 20px;
}

    .block-talk .main-news .item-body-right {
        padding-left: unset;
    }

@media (max-width: 767px) {
    .block-talk .main-news {
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .home-top-sub-list {
        padding-bottom: 20px;
    }

    .home-top-sub-list .item-image.news-thumbnail img {
        max-width: 200px;
    }
    .item-only.news-item.main-news {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }
}