/*
Theme Name: Tin Tức Du Lịch V5
Description: Mẫu giao diện cho website tin tức du lịch - Travel News Hiện đại
Version: 1.1
Author: Antigravity
*/


/* Đảm bảo khung figure luôn chiếm hết chiều rộng container */
figure.tplCaption.image {
    width: 100% !important;
    /* Ép width 100% thay vì lấy width cố định từ HTML */
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
}

/* Đảm bảo hình ảnh bên trong co giãn theo figure */
figure.tplCaption.image img {
    width: 100% !important;
    height: auto !important;
    /* Giữ tỉ lệ ảnh, không bị méo */
    display: block;
    object-fit: cover;
    /* Giúp ảnh trông đẹp hơn nếu bị ép khung */
    margin-bottom: 0;
}

/* Căn chỉnh chú thích ảnh cho đẹp */
figure.tplCaption.image figcaption {
    width: 100%;
    text-align: center;
    font-style: italic;
    font-size: 0.9rem;
    color: #64748b;
    /* Màu xám slate nhẹ nhàng */
}

/* Ẩn các đoạn văn trống hoặc chỉ chứa khoảng trắng thực thể */
p:empty,
p:has(br:only-child),
p:is(:only-child):empty {
    display: none !important;
}

/* Đặc trị cho mã   (khoảng trắng không ngắt) */
/* Lưu ý: CSS thuần khó lọc chính xác nội dung văn bản bên trong, 
   nhưng ta có thể nhắm vào các đoạn p có margin thừa thãi */
article .prose p:empty {
    margin: 0;
    height: 0;
}

.articles-suggest-wrapper {
    display: none;
}