/*
==========================================================================
 Wishlist Button (Trang sản phẩm & Shortcode)
==========================================================================
*/

/* === Style chung cho nút yêu thích (dạng text link/button) === */
.my-wishlist-button {
    cursor: pointer;
    margin-top: 15px;
    padding: 10px 15px;
    border: 1px solid #dcdcdc;
    background-color: #f9f9f9;
    color: #333;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.my-wishlist-button:hover {
    background-color: #f0f0f0;
    border-color: #c0c0c0;
}
.my-wishlist-button.in-wishlist {
    background-color: #d90429;
    color: #fff;
    border-color: #d90429;
    /* cursor: default; /* Bỏ dòng này nếu muốn cho phép xóa bằng cách click lại */
}
.my-wishlist-button.loading {
    opacity: 0.7;
    cursor: wait;
}

/* === Style cho icon trái tim trên trang sản phẩm (Biến thể của .my-wishlist-button) === */
.single-product-wishlist-icon {
    display: inline-block;
    cursor: pointer;
    color: #333; /* Màu mặc định cho viền (stroke) */
    transition: all 0.2s ease;
    margin-top: 15px;
    line-height: 1;
    fill: none; /* Mặc định không tô màu (nền trong suốt) */
    border: none;
    background-color: transparent;
    padding: 0;
}

.single-product-wishlist-icon:hover {
    color: #d90429; /* Màu khi di chuột qua */
    background-color: transparent; /* Đảm bảo nền không đổi màu khi hover */
}

/* Quan trọng: Tô màu đầy cho icon khi được yêu thích */
.single-product-wishlist-icon.in-wishlist {
    color: #d90429; /* Màu đỏ cho viền */
    fill: #d90429;   /* Màu đỏ để tô đầy */
    background-color: transparent; /* Đảm bảo nền không đổi màu */
    border: none;
}

/* Style khi đang tải */
.single-product-wishlist-icon.loading {
    opacity: 0.5;
    cursor: wait;
}