/* Custom Add to Cart Button - Light Mode */

.custom-add-to-cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}

.custom-add-to-cart:hover {
	transform: scale(1.1);
	background-color: #efefef;
	border-color: #ccc;
}

.custom-add-to-cart:active {
	transform: scale(0.95);
}

/* Cart Icon - Visible by Default */
.custom-add-to-cart .cart-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.custom-add-to-cart .cart-icon img {
	width: 16px;
	height: 16px;
	display: block;
}

/* Check Icon - Hidden by Default */
.custom-add-to-cart .check-icon {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
	color: #4caf50;
	opacity: 0;
	transition: opacity 0.3s ease;
}

/* Added State - Show Checkmark, Hide Cart Icon */
.custom-add-to-cart.added .cart-icon {
	opacity: 0;
}

.custom-add-to-cart.added .check-icon {
	opacity: 1;
}

.custom-add-to-cart.added {
	background-color: #f0f0f0;
	border-color: #ddd;
}