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

@media (prefers-color-scheme: dark) {
	.custom-add-to-cart {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 26px;
		height: 26px;
		border-radius: 50%;
		background-color: #2a2a2a;
		border: 1px solid #444;
		text-decoration: none;
		cursor: pointer;
		transition: all 0.3s ease;
		position: relative;
	}

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

	.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: #66bb6a;
		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: #333;
		border-color: #444;
	}
}