/* Đồng bộ màu nền các trang theo màu kem của footer (#FAF9F6) */
body,
.ast-plain-container,
.ast-page-builder-template,
.ast-separate-container .ast-article-inner,
.site-content,
#content,
#primary {
    background-color: #FAF9F6 !important;
}

/* Header - giữ nguyên màu trắng */
#masthead,
.site-header,
.main-header-bar,
.ast-above-header-wrap,
.ast-below-header-wrap,
.ast-mobile-header-wrap {
    background-color: #FFFFFF !important;
}

/* ==========================================================================
   THE PRODUCT CARD - dùng chung cho mọi nơi có hiện sản phẩm
   (Shop, Category, Related products, Blocks ở trang chủ...)
   Đồng bộ kích thước và kiểu dáng giữa trang chủ (blocks) và trang danh mục (loop).
   Màu chủ đạo chữ (price) và màu hover là màu hồng mận chín (#3b1c2b).
   ========================================================================== */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce-page #content ul.products li.product,
.woocommerce-page.archive ul.products li.product,
.ast-woocommerce-container ul.products li.product,
.ast-separate-container ul.products li.product,
.wc-block-grid__products .wc-block-grid__product,
.wc-block-product {
    position: relative !important;
    background-color: #FAF9F6 !important; /* Khung dùng màu kem đồng bộ */
    border: 1px solid rgba(25, 25, 25, 0.06) !important; /* Viền mảnh nhẹ màu xám ấm */
    border-radius: 8px !important; /* Bo góc nhẹ tinh tế */
    overflow: hidden !important;
    box-shadow: none !important;
    padding: 12px !important; /* Khoảng đệm bên trong khung để ảnh và chữ không sát viền */
    margin-bottom: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, transform 0.3s ease !important;
    height: 100% !important; /* Đảm bảo các thẻ cao bằng nhau trong hàng grid */
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover,
.woocommerce-page #content ul.products li.product:hover,
.woocommerce-page.archive ul.products li.product:hover,
.ast-woocommerce-container ul.products li.product:hover,
.ast-separate-container ul.products li.product:hover,
.wc-block-grid__products .wc-block-grid__product:hover,
.wc-block-product:hover {
    border-color: #3b1c2b !important; /* Đổi màu viền khung sang hồng mận chín khi hover */
    transform: translateY(-4px) !important; /* Nhấc nhẹ khung lên */
}

.woocommerce ul.products li.product a,
.woocommerce-page ul.products li.product a,
.wc-block-grid__products .wc-block-grid__product a,
.wc-block-product a {
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Hình ảnh nằm gọn trong khung có padding */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.wc-block-grid__products .wc-block-grid__product img,
.wc-block-product img,
.wc-block-components-product-image img {
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    border-radius: 4px !important; /* Bo góc ảnh nhẹ khớp với khung */
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.woocommerce ul.products li.product:hover img,
.woocommerce-page ul.products li.product:hover img,
.wc-block-grid__products .wc-block-grid__product:hover img,
.wc-block-product:hover img {
    transform: scale(1.03) !important;
}

/* Tiêu đề sản phẩm */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product-title,
.wc-block-components-product-name,
.wc-block-components-product-title,
.wc-block-product .wp-block-post-title,
.wc-block-grid__product .wp-block-post-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 16px !important; /* Tăng nhẹ cỡ chữ lên 16px để to rõ nét hơn, phù hợp lưới 4 cột */
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #191919 !important;
    text-align: center !important;
    margin: 12px 0 6px 0 !important;
    transition: color 0.3s ease !important;
    
    /* Giới hạn tối đa 2 dòng và cố định chiều cao để căn thẳng hàng giá và nút bấm */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    height: 45px !important;
}

/* Đồng bộ kiểu dáng thẻ a cho tiêu đề sản phẩm */
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title a,
.wc-block-grid__products .wc-block-grid__product-title a,
.wc-block-components-product-name a,
.wc-block-components-product-title a,
.wc-block-product .wp-block-post-title a,
.wc-block-grid__product .wp-block-post-title a {
    color: #191919 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__title,
.wc-block-grid__products .wc-block-grid__product:hover .wc-block-grid__product-title,
.wc-block-product:hover .wc-block-components-product-name,
.wc-block-product:hover .wc-block-components-product-title,
.wc-block-product:hover .wp-block-post-title,
.wc-block-grid__product:hover .wp-block-post-title {
    color: #3b1c2b !important; /* Đổi màu tiêu đề sang hồng mận chín khi hover */
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title a,
.woocommerce-page ul.products li.product:hover .woocommerce-loop-product__title a,
.wc-block-grid__products .wc-block-grid__product-hover-title a,
.wc-block-product:hover .wp-block-post-title a,
.wc-block-grid__product:hover .wp-block-post-title a {
    color: #3b1c2b !important;
}

/* Đánh giá sao (nếu có) */
.woocommerce ul.products li.product .star-rating,
.woocommerce-page ul.products li.product .star-rating,
.wc-block-grid__product .star-rating,
.wc-block-product .star-rating {
    margin: 4px auto 6px auto !important;
    font-size: 11px !important;
    color: #3b1c2b !important;
}

/* Giá sản phẩm */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price,
.wc-block-grid__products .wc-block-grid__product-price,
.wc-block-components-product-price {
    display: block !important;
    font-family: 'Roboto Slab', serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #3b1c2b !important; /* Màu hồng mận chín làm màu chủ đạo của giá */
    text-align: center !important;
    margin: 0 0 4px 0 !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
.wc-block-grid__product-price del,
.wc-block-components-product-price del {
    color: #A0A0A0 !important;
    opacity: 1 !important;
    font-weight: 400 !important;
    margin-right: 6px !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins,
.wc-block-grid__product-price ins,
.wc-block-components-product-price ins {
    text-decoration: none !important;
}

/* Badge giảm giá góc cạnh, màu hồng mận chín */
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale,
.wc-block-grid__product .onsale,
.wc-block-components-onsale {
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    margin: 0 !important;
    background-color: #3b1c2b !important;
    color: #FFFFFF !important;
    font-family: 'Roboto Slab', serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1.2 !important;
    z-index: 10 !important;
}

/* Nút Add to cart dạng tối giản nằm gọn dưới chân khung */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
.wc-block-grid__products .wc-block-grid__product-add-to-cart,
.wc-block-components-product-button .wp-element-button {
    display: block !important;
    width: 100% !important;
    background-color: #191919 !important;
    color: #FFFFFF !important;
    border: 1px solid #191919 !important;
    border-radius: 4px !important; /* Bo góc nhẹ đồng bộ */
    padding: 8px 0 !important;
    margin: 8px 0 0 0 !important;
    font-family: 'Roboto Slab', serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    margin-top: auto !important; /* Đẩy nút xuống đáy khung card */
}

.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover,
.wc-block-grid__products .wc-block-grid__product-add-to-cart:hover,
.wc-block-components-product-button .wp-element-button:hover {
    background-color: #3b1c2b !important; /* Đổi màu khi hover sang hồng mận chín */
    border-color: #3b1c2b !important;
    color: #FFFFFF !important;
}

/* Ẩn dòng chữ phân loại danh mục (Bloom Box, v.v.) trên trang danh mục để đồng điệu hoàn toàn với trang chủ */
.woocommerce ul.products li.product .ast-woo-product-category,
.woocommerce-page ul.products li.product .ast-woo-product-category,
.woocommerce ul.products li.product .woocommerce-loop-product__cat,
.woocommerce-page ul.products li.product .woocommerce-loop-product__cat,
.woocommerce ul.products li.product .category,
.woocommerce-page ul.products li.product .category {
    display: none !important;
}