/* Fix for cart delete button */

/* Make the delete button transparent with visible icon */
.remove_cart_btn,
button[class*="remove_cart_btn"],
button[onclick*="handleCartItem('delete'"],
button[onclick*="deleteFromCart"] {
    background-color: transparent !important;
    border: none !important;
    color: #dc3545 !important; /* Red color for delete icon */
    padding: 5px !important;
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

/* Add hover effect */
.remove_cart_btn:hover,
button[class*="remove_cart_btn"]:hover,
button[onclick*="handleCartItem('delete'"]:hover,
button[onclick*="deleteFromCart"]:hover {
    background-color: rgba(220, 53, 69, 0.1) !important; /* Light red background on hover */
    color: #dc3545 !important;
}

/* Make sure the trash icon is visible */
.remove_cart_btn i {
    font-size: 16px !important;
}

/* Fix for the delete button in the cart popup */
.apt_cart_box .remove_cart_btn {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Fix for the delete button in the cart page */
.cart-remove {
    background-color: transparent !important;
    border: none !important;
    color: #dc3545 !important;
}

/* Fix for the delete button in the mini cart */
.cart-navbar-wrapper .remove_cart_btn {
    background-color: transparent !important;
    border: none !important;
}

/* Fix for the delete button in the cart popup that has a green background */
button[onclick*="handleCartItem('delete'"] {
    background-color: transparent !important;
    border: none !important;
    color: #dc3545 !important;
}

/* Fix for the delete button in the cart popup with a specific class */
.cart-box-wrapper .remove_cart_btn {
    background-color: transparent !important;
    border: none !important;
}

/* Target the specific delete button in the mini cart */
.products_meta .remove_cart_btn {
    background-color: transparent !important;
    border: none !important;
    color: #dc3545 !important;
}
