/* tin-tuc-mht.css — phần RIÊNG của MH Travel cho trang tin tức.
   Nạp SAU css/tin-tuc.css (bản trích nguyên văn — sinh lại mỗi lần chạy bộ
   trích, sửa tay vào đó là mất). */

/* Bản gốc dùng thanh lọc bằng <button> gọi JavaScript. Bên này là <a> để mỗi
   mục có URL riêng — nên phải trả lại dáng nút cho thẻ liên kết. */
.ed-tabs .ed-tab {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.ed-tabs .ed-tab:hover { text-decoration: none; }

/* Ô ảnh của thẻ nhỏ: bài chưa có ảnh thì để ô trống trơn trông như lỗi tải.
   Vân chéo dịu cho thấy "bài này chưa có ảnh" chứ không phải "ảnh hỏng". */
.ed-zi-img:empty,
.ed-zmain-img:empty {
    background: repeating-linear-gradient(135deg, #eef3f8 0 12px, #e6edf4 12px 24px);
}

/* Màu nhấn của khu lấy từ dữ liệu cụm. Cụm chưa đặt màu thì rơi về ngọc biển
   của thương hiệu thay vì vàng đồng của bên kia. */
.ed-zone { --zc: var(--ngoc, #24b6c9); }

@media (max-width: 820px) {
    /* Bản gốc để hai cột tới tận 900px; ở khổ 820px cột phải hẹp quá, chữ
       tiêu đề vỡ thành từng chữ một. Xuống một cột sớm hơn. */
    .ed-zbody { grid-template-columns: minmax(0, 1fr); gap: 22px; }
    .ed-zh { flex-wrap: wrap; }
    .ed-zh-a { flex-basis: 100%; }
}
@media (max-width: 560px) {
    /* Thanh lọc cuộn ngang thay vì xuống nhiều dòng đẩy nội dung xuống sâu */
    .ed-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .ed-tabs::-webkit-scrollbar { display: none; }
    .ed-tabs .ed-tab { flex: 0 0 auto; min-height: 40px; }
}

/* ── Phụ đề khu ─────────────────────────────────────────────────────────
   Bản trích chỉ có nhãn nhỏ và tiêu đề khu. Trang này chia bốn khu mà tên
   khu ("Ưu đãi & tin dự án", "Hạ tầng & đường đi") chưa nói hết được nội
   dung, nên thêm một dòng giải thích ngay dưới tiêu đề.

   Riêng khu Hạ tầng, dòng này còn làm một việc nữa: nêu đúng các địa danh
   khách quen tìm (Phan Thiết, Mũi Né, Đà Lạt) mà không phải gọi tên tỉnh —
   Bình Thuận đã nhập vào Lâm Đồng từ 01/7/2025, viết tên tỉnh cũ là sai. */
.ed-zh-p {
    margin: 3px 0 0;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--xam, #6b7280);
    max-width: 62ch;              /* dòng quá dài đọc mỏi mắt */
    text-wrap: pretty;            /* không để dòng cuối trơ một chữ */
}
@media (max-width: 640px) {
    /* Màn hẹp: tên khu và nút "Xem tất cả" đã chiếm hết chỗ, thêm phụ đề
       nữa thì phần đầu khu cao gần bằng một thẻ tin. */
    .ed-zh-p { display: none; }
}

/* Nhãn chuyên mục trong khu "Mới nhất" — khu này trộn tin tức với cẩm nang,
   không ghi rõ thì bài cẩm nang nằm dưới chữ "Vừa đăng" đọc như tin nóng. */
.ed-zi-nhan { font-weight:700; color:#8a6a17; letter-spacing:.02em; }