/*
Theme Name: Tất Chất - Custom Theme
Theme URI: https://tatchat.vn
Description: Giao diện Trang chủ chuyên nghiệp cho cửa hàng Tất Chất.
Version: 1.0.0
Author: Developer
Author URI: https://tatchat.vn
Text Domain: tatchat
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.2
*/

/* =======================================================
   ĐỒNG BỘ MÀU SẮC THƯƠNG HIỆU & SỬA LỖI HIỂN THỊ CHI TIẾT
   ======================================================= */

/* 1. Đồng bộ màu giá tiền màu xanh của biến thể thành màu đỏ logo */
.woocommerce-variation-price .price,
.woocommerce-variation-price .price .amount,
.woocommerce-variation-price .price del,
.summary .price,
.price .amount,
.amount {
    color: #dc2626 !important;
}

/* 2. Đổi viền của các nút chọn biến thể (Cún trắng, Cún xanh...) khi được kích hoạt sang màu đỏ logo */
/* (Hỗ trợ hầu hết các plugin tạo Swatches hiện nay) */
.variable-items-wrapper .variable-item.selected,
.variable-items-wrapper .variable-item.selected:hover {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 1px #dc2626 !important;
}

/* 3. Đổi màu chữ của nút "Xóa" lựa chọn sang màu xám/đỏ nhẹ nhàng */
.reset_variations {
    color: #999 !important;
    font-size: 11px;
    text-decoration: underline;
    transition: color 0.2s;
}
.reset_variations:hover {
    color: #dc2626 !important;
}

/* 4. Ẩn giá biến thể lặp lại ở phía dưới (Tùy chọn) */
/* Nếu bạn muốn ẩn hoàn toàn số giá màu xanh lặp lại ở phía dưới và chỉ tin dùng giá đỏ to ở trên: */
/*
.single_variation_wrap .woocommerce-variation-price {
    display: none !important;
}
*/