/*
CTC Separate Stylesheet
Updated: 2025-09-30 09:01:21
Theme Name: Blossom Shop Child
Template: blossom-shop
Version: 1.0.1759128151
*/

/*
* File này chứa tất cả các mã CSS tùy chỉnh của bạn.
* This file contains all your custom CSS code.
*/

/* ==========================================================================
   1. TÙY CHỈNH CHUNG & SỬA LỖI GIAO DIỆN
   ========================================================================== */

/* Ẩn khu vực icon thừa bên phải header */
.header-main .right {
    display: none !important;
}

/* Xóa khoảng trống thừa của khu vực bài viết nổi bật trên trang chủ */
body.home section.blog-page-feature-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
}

/* Ẩn thông tin bản quyền ở chân trang */
.site-footer .site-info {
    display: none !important;
}


/* ==========================================================================
   2. TÙY CHỈNH MENU CHÍNH (CHỈ CHO MÀN HÌNH MÁY TÍNH)
   ========================================================================== */
@media screen and (min-width: 1025px) {
    /* Ép menu luôn nằm trên một hàng */
    .header-main .main-navigation ul {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    /* Điều chỉnh KHOẢNG CÁCH và CỠ CHỮ của menu */
    .main-navigation ul li a {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 13px !important;
    }
}


/* ==========================================================================
   3. TÙY CHỈNH TIÊU ĐỀ TRANG (ĐỒNG BỘ)
   ========================================================================== */

/* Áp dụng cho TẤT CẢ các trang Chuyên mục VÀ trang Tin Tức tùy chỉnh */
body.archive .page-header,
body.page-template-template-tin-tuc .page-header {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background-color: #ffcf68 !important; /* Màu nền vàng cam */
}

body.archive .page-header .page-title,
body.page-template-template-tin-tuc .page-header .page-title {
    font-size: 2em !important;
    padding-bottom: 0 !important;
    color: #333333 !important;    /* SỬA LỖI: Đổi thành màu chữ xám đậm */
}

/* Ẩn chữ "DANH MỤC" trên trang chuyên mục */
body.archive .page-header .sub-title {
    display: none !important;
}


/* ==========================================================================
   4. TÙY CHỈNH TIÊU ĐỀ TRANG BÀI VIẾT CHI TIẾT
   ========================================================================== */
.single-post .page-header {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background-color: #f7d794 !important; /* Màu nền vàng nhạt */
    min-height: 0 !important;
    text-align: center;
}

/* Ẩn tên chuyên mục và ngày đăng */
.single-post .page-header .entry-meta {
    display: none !important;
}

.single-post .page-header .entry-title {
    font-size: 2.2em !important;
    color: #333333 !important;
    line-height: 1.3em !important;
    margin: 0 !important;
}


/* ==========================================================================
   5. GIAO DIỆN LƯỚI 3 CỘT (TRANG TIN TỨC & TRANG CHỦ)
   ========================================================================== */

/* Áp dụng cho trang Tin Tức tùy chỉnh */
.page-template-template-tin-tuc .custom-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 30px;
}

/* Áp dụng cho trang chủ và các trang blog chính */
.home .site-main,
.blog .site-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* Tùy chỉnh chung cho từng bài viết trong lưới */
.custom-grid-post-item,
.home .site-main article.post,
.blog .site-main article.post {
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.custom-grid-post-item:hover,
.home .site-main article.post:hover,
.blog .site-main article.post:hover {
    transform: translateY(-5px);
}

/* Tùy chỉnh ảnh đại diện */
.custom-grid-post-item .post-thumbnail a,
.home .site-main article.post .post-thumbnail a,
.blog .site-main article.post .post-thumbnail a {
    display: block;
    overflow: hidden;
}

.custom-grid-post-item .post-thumbnail img,
.home .site-main article.post .post-thumbnail img,
.blog .site-main article.post .post-thumbnail img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    margin-bottom: 0;
}

/* Tùy chỉnh phần nội dung dưới ảnh */
.custom-grid-post-item .entry-header,
.home .site-main article.post .content-wrap,
.blog .site-main article.post .content-wrap {
    padding: 20px;
}

/* Tùy chỉnh tiêu đề bài viết */
.custom-grid-post-item .entry-title,
.home .site-main article.post .entry-title,
.blog .site-main article.post .entry-title {
    font-size: 1.1em !important;
    line-height: 1.4 !important;
    margin-top: 0;
}

.custom-grid-post-item .entry-title a,
.home .site-main article.post .entry-title a,
.blog .site-main article.post .entry-title a {
     color: #D32F2F !important; /* Màu đỏ cho tiêu đề */
     font-weight: bold;
     text-decoration: none;
}

.custom-grid-post-item .entry-title a:hover,
.home .site-main article.post .entry-title a:hover,
.blog .site-main article.post .entry-title a:hover {
     color: #000000 !important;
}

/* Ẩn các thông tin thừa như tóm tắt, nút đọc thêm trên trang chủ/blog */
.home .site-main article.post .entry-content,
.home .site-main article.post .entry-footer,
.blog .site-main article.post .entry-content,
.blog .site-main article.post .entry-footer {
    display: none;
}

/* Tùy chỉnh phân trang */
.custom-pagination {
    margin-top: 50px;
    text-align: center;
}

/* Responsive cho tablet và mobile */
@media (max-width: 1024px) {
    .page-template-template-tin-tuc .custom-news-grid,
    .home .site-main,
    .blog .site-main {
        grid-template-columns: repeat(2, 1fr); /* 2 cột */
    }
}

@media (max-width: 767px) {
    .page-template-template-tin-tuc .custom-news-grid,
    .home .site-main,
    .blog .site-main {
        grid-template-columns: 1fr; /* 1 cột */
    }
}