/* Wishlist toggle + archive */

.bpg-wishlist-btn {
	--bpg-wishlist-color: #303436;
	--bpg-wishlist-active: #ca4440;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--bpg-wishlist-color);
	font-family: "Geist", "Geist Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	transition: color 0.2s ease;
}

.bpg-wishlist-btn:hover,
.bpg-wishlist-btn:focus-visible {
	color: var(--bpg-wishlist-active);
	outline: none;
}

.bpg-wishlist-btn.is-active {
	color: var(--bpg-wishlist-active);
}

.bpg-wishlist-btn__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 16px;
	height: 15px;
}

.bpg-wishlist-btn__heart {
	width: 16px;
	height: 15px;
	display: block;
}

.bpg-wishlist-btn__heart .bpg-heart__fill {
	opacity: 0;
	transition: opacity 0.2s ease;
}

.bpg-wishlist-btn__heart .bpg-heart__outline {
	opacity: 1;
	transition: opacity 0.2s ease;
}

.bpg-wishlist-btn.is-active .bpg-wishlist-btn__heart .bpg-heart__fill {
	opacity: 1;
}

.bpg-wishlist-btn.is-active .bpg-wishlist-btn__heart .bpg-heart__outline {
	opacity: 0;
}

.bpg-wishlist-btn__text {
	display: inline-block;
}

.bpg-wishlist-archive {
	width: 100%;
}

.bpg-wishlist-archive__loading {
	opacity: 0.7;
}