﻿.line-subheader-lideshow {
    width: 1px;
    border-left: 1px solid #b3b3b3;
    border-right: 1px solid #fff;
}
.date-lang-lideshow-text {
    position: absolute;
    color: white !important;
    top: 143px;
    left: 17%;
    font-weight: bold;
    font-size: 13px;
    z-index: 10;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    white-space: nowrap;
}

    .date-lang-lideshow-text a {
        color: white !important;
        text-decoration: none;
        margin: 0 4px;
    }

        .date-lang-lideshow-text a:hover {
            opacity: 0.8;
        }

    /* Ẩn icon cờ mặc định trên desktop */
    .date-lang-lideshow-icon {
        display: none;
    }
    /* Responsive cho mobile và tablet nhỏ (≤ 768px) */
    @media (max-width: 768px) {

        .ngonngu {
            position: absolute;
            top: 100px;
        }
            .date-lang-lideshow-text {
            display: none;
        }
        .date-lang-lideshow-icon {
        top: 192px; /* giảm vị trí từ trên xuống */
        left: 5%; /* dịch sát trái hơn */
        right: 5%; /* mở rộng để canh giữa nếu cần */
        font-size: 14px; /* chữ nhỏ hơn */
        text-align: center; /* canh giữa toàn bộ */
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px; /* khoảng cách giữa 2 icon */
    }
            .date-lang-lideshow-icon a {
                display:block !important;
                color: black !important;
            }
            /* Hiển thị icon cờ trên mobile */
            .date-lang-lideshow-icon .flag-icon {
                display: inline-block;
                width: 32px; /* kích thước icon */
                height: 20px;
                background-size: cover;
                background-position: center;
                border: 1px solid rgba(255,255,255,0.3);
                border-radius: 3px;
                box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            }

        .date-lang-lideshow-icon .flag-vn {
            background-image: url('https://flagcdn.com/w80/vn.png'); /* cờ Việt Nam */
        }

        .date-lang-lideshow-icon .flag-gb {
            background-image: url('https://flagcdn.com/w80/gb.png'); /* cờ Anh/English */
        }
}

/* Mobile rất nhỏ (≤ 480px) */
@media (max-width: 480px) {
    .date-lang-lideshow-icon {
        top: 192px;
        font-size: 12px;
        gap: 4px;
    }

        .date-lang-lideshow-icon .flag-icon {
            width: 28px;
            height: 18px;
        }
}

.pc-min-height {
    min-height: 89px; /* Default cho mobile/tablet */
}

@media (min-width: 992px) { /* Áp dụng cho màn hình PC (lg breakpoint của Bootstrap) */
    .pc-min-height {
        min-height: 210px;
    }
}
