/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2025 | 13:52:20 */
/*
=================================================================
== CSS CHỈ ĐỊNH DẠNG MÀU SẮC CHO GIỎ HÀNG MINI ==
=================================================================
*/

/* --- 1. TIÊU ĐỀ & PHÂN CÁCH --- */

#cart-popup .cart-popup-title h4 {
    color: #333;
    font-weight: 700;
}
#cart-popup .is-divider {
    background-color: #d32f2f; /* Màu đỏ chủ đạo */
}

/* --- 2. SẢN PHẨM TRONG GIỎ HÀNG --- */

/* Đường viền phân cách các sản phẩm */
#cart-popup li.mini_cart_item {
    border-bottom: 1px solid #f0f0f0;
}

/* Tên sản phẩm */
#cart-popup li.mini_cart_item > a:not(.remove) {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}
#cart-popup li.mini_cart_item > a:not(.remove):hover {
    color: #d32f2f; /* Chuyển màu đỏ khi hover */
}

/* Số lượng và giá của từng sản phẩm */
#cart-popup li.mini_cart_item .quantity {
    color: #666;
}

/* Nút xóa '×' */
#cart-popup li.mini_cart_item .remove {
    border: 1px solid #ddd;
    color: #999;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s ease;
}
#cart-popup li.mini_cart_item .remove:hover {
    background-color: #d32f2f;
    border-color: #d32f2f;
    color: #fff;
}

/* --- 3. TỔNG SỐ PHỤ --- */

#cart-popup .woocommerce-mini-cart__total {
    background-color: #f7f7f7;
    border-top: 1px solid #e9e9e9;
}
#cart-popup .woocommerce-mini-cart__total strong {
    color: #333;
    font-weight: 600;
}
#cart-popup .woocommerce-mini-cart__total .amount {
    color: #d32f2f; /* Màu đỏ cho giá tổng */
    font-weight: 700;
}

/* --- 4. CÁC NÚT BẤM CHỨC NĂNG --- */

/* Nút "Xem giỏ hàng" (Style phụ) */
#cart-popup .button.wc-forward:not(.checkout) {
    background-color: #f1f1f1;
    border: 2px solid #f1f1f1;
    color: #555 !important;
    font-weight: 600;
    transition: all 0.3s ease;
}
#cart-popup .button.wc-forward:not(.checkout):hover {
    background-color: #fff;
    border-color: #d32f2f;
    color: #d32f2f !important;
}

/* Nút "Thanh toán" (Style chính) */
#cart-popup .button.checkout {
    background-color: #d32f2f;
    border: 2px solid #d32f2f;
    color: #fff;
    font-weight: 600;
    transition: all 0.3s ease;
}
#cart-popup .button.checkout:hover {
    background-color: #b71c1c;
    border-color: #b71c1c;
}