/* =============================================================================
   news.css — Bổ sung nhỏ cho site tin tức, KHÔNG sửa home_thanlong.css để không
   ảnh hưởng tới các trang khác đang dùng chung file CSS đó.
   ============================================================================= */

/* Nút xem video ở banner: CSS gốc trỏ tới ../img/Icon_Video2.png nhưng file này
   đã 404 trên server production nên nút bị vô hình. Dùng lại icon còn tồn tại
   để người chơi vẫn bấm được nút xem video. */
.bg1 .video {
    background: url("/resource/img/Icon_Video.png") no-repeat;
}

/* Nội dung bài viết được dán từ Word nên ảnh/bảng có thể rộng hơn khung trên mobile. */
.noidung_baiviet img {
    max-width: 100%;
    height: auto;
}

.noidung_baiviet table {
    max-width: 100%;
    border-collapse: collapse;
}

.noidung_baiviet {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Giữ chiều cao tối thiểu cho danh sách tin để hạn chế nhảy layout khi tải tab. */
.news_list_container {
    min-height: 240px;
}

/* Trạng thái tải / rỗng / lỗi của danh sách tin — đều là tiếng Việt có dấu. */
.news_loading,
.news_empty,
.news_error {
    padding: 40px 0;
    text-align: center;
    font-size: 20px;
    color: #ab9975;
}

.news_error {
    color: #c95636;
}

.news_list_container[aria-busy="true"] {
    opacity: 0.6;
    transition: opacity 0.15s ease-in-out;
}

/* Không cho bấm nút phân trang khi đang tải. */
.next_prev ul li.page-item a.page-link {
    cursor: pointer;
}

.next_prev ul li.page-item.disabled a.page-link {
    cursor: default;
    opacity: 0.55;
}

@media (max-width: 992px) {
    .noidung_baiviet {
        font-size: 16px;
    }
}