/* =================================================================
   FIX TIÊU ĐỀ LIST & BLOG (Dựa trên ảnh Inspect Code)
   ================================================================= */

/* 1. Xóa bỏ/Ẩn header cũ không dùng */
.page-header {
    display: none !important;
}

/* 2. Nhắm trúng vào thẻ H2 trong danh mục và subheading */
.content-category h2, 
.page-header h2,           
.subheading-category {     
    display: table !important;  /* Co khung lại vừa khít nội dung chữ */
    
    /* Căn giữa tiêu đề và tạo khoảng cách trên 20px, dưới 3rem */
    margin: 20px auto 3rem auto !important; 
    
    /* Style chữ */
    text-align: center;
    position: relative;
    border: none !important;
    padding: 0 !important;
}

/* 3. Kẻ gạch đỏ dưới tiêu đề */
.content-category h2::after,
.page-header h2::after,
.subheading-category::after {
    content: '';
    display: block;
    
    /* Kích thước gạch đỏ */
    width: 44px;
    height: 3px;        
    background-color: #CF373D;
    
    /* Căn giữa gạch đỏ ngay dưới chữ, cách chữ 15px */
    margin: 15px auto 0 auto; 
}


/* =================================================================
   STICKY MENU (MENU DÍNH)
   ================================================================= */

/* Khi chưa cuộn thì menu giữ nguyên */
.t3-mainnav {
    position: relative;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}

/* Khi cuộn xuống (Cần JavaScript để kích hoạt class này) */
.t3-mainnav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

/* Tạo khoảng cách cho body để tránh bị giật/che nội dung */
body.add-padding {
    padding-top: 60px; /* Nhớ đo lại chiều cao chính xác của menu nhé */
}


/* =================================================================
   RESPONSIVE (MOBILE)
   ================================================================= */
@media only screen and (max-width: 600px) {
    #qx-heading-251939 .qx-title {
        font-size: 18px !important;
    }
}