/*========= Cover Home Swiper Styles =========*/
/* Tránh layer ảnh phụ chặn thao tác swipe */
/* .cover-home .img-adv {
    pointer-events: none;
} */

/* Đảm bảo vùng swiper chiếm chỗ đúng */

.cover-home .swiper {
    width: 100%;
}

.cover-home .swiper-wrapper {
    align-items: stretch;
}

.cover-home .swiper-slide {
    height: auto;
}

/* Tuỳ chọn: style cho pagination */
.cover-home .swiper-pagination {
    /* position: relative; */
    margin-top: 12px;
    bottom: 20px;
    left: 0;
    width: 100%;
}

.cover-home .swiper-pagination .swiper-pagination-bullet {
    /* background: rgba(255, 255, 255, 0.7);
    opacity: 1; */
    /* margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); */
    margin: 0 4px;
}

/* Nếu có lớp ảnh trang trí đè lên, ngăn chặn click/hover */
.cover-home .img-adv {
  pointer-events: none;
}

/*========= Section 2 - Swiper Styles ========= */
/* Swiper vùng tin tức */

.js-slider-news .swiper {
    width: 100%;
    overflow: hidden;
}

.js-slider-news .swiper-wrapper {
    align-items: stretch;
}

/* Card tin đều chiều cao, không phóng to slide active */

.js-slider-news .swiper-slide {
    height: auto;
}

/* Ảnh luôn lấp kín khung ratio */

.js-slider-news .swiper-slide .img img {
    object-fit: cover;
}

/* Nút điều hướng ở giữa chiều cao slider */

.js-slider-news .swiper-button-next,
.js-slider-news .swiper-button-prev {
    top: 45%;
    z-index: 10;
}

/* Pagination chỉ hiện mobile (bạn đã có block lg:hidden trong HTML) */

@media (min-width:1024px) {
    .js-slider-news .swiper-pagination {
        display: none !important;
    }
}

/*========= Section 4 - Swiper Carousel Styles ========= */
#section-4 .swiper {
    width: 100%;
    padding: 40px 0;
}

#section-4 .swiper-slide {
    width: 300px;
    /* hoặc auto nếu ảnh cố định */
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0.5;
    transform: scale(0.85);
}

#section-4 .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
}

/* Ẩn overflow để không lộ các cạnh */
#section-4 .swiper-wrapper {
    align-items: center;
}

#section-4 .swiper-button-next,
#section-4 .swiper-button-prev {
    z-index: 20;
}

/*========= Section 5 - Swiper Project Styles ========= */
/* Vùng slide project */

/* #section-5 .swiper {
    width: 100%;
    overflow: hidden;
}

#section-5 .swiper-wrapper {
    align-items: stretch;
}

#section-5 .swiper-slide {
    height: auto;
}

#section-5 .project-wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

#section-5 .project-wrap .item {
    width: calc(33.333% - 10px);
    position: relative;
}

#section-5 .swiper-button-next,
#section-5 .swiper-button-prev {
    top: 45%;
    z-index: 10;
}

#section-5 .swiper-button-next svg,
#section-5 .swiper-button-prev svg {
    transition: transform 0.2s ease;
}

#section-5 .swiper-button-next:hover svg,
#section-5 .swiper-button-prev:hover svg {
    transform: scale(1.1);
} */