body:not(.wishlist-module-loaded) [data-cms-module-name="Wishlist"] * {
	display: none;
}

.wishlist-item-in-cart > [data-cart-add] {
	display: none;
}
*:not(.wishlist-item-in-cart) > [data-cart-remove] {
	display: none;
}

[data-wishlist-cart-toggle] {
	position: fixed;
	right: var(--wishlist-toggle-offset-right, 0);
	top: var(--wishlist-toggle-offset-top, 20vh);
	z-index: var(--wishlist-toggle-zindex, 1000);
	transition: top .3s;
}
[data-wishlist-cart-toggle].wishlist-cart-open {
	top: calc(var(--wishlist-cart-offset-top, 50px) + var(--wishlist-cart-padding, 1rem)); 
}
.btn-cart-indicator img {
	max-width: var(--wishlist-toggle-size, 1.75rem);
	max-height: var(--wishlist-toggle-size, 1.75rem);
	margin-bottom: 0;
	object-fit: cover;
}
[data-wishlist-indicator] {
	position: absolute;
	top: calc(0px - var(--wishlist-counter-font-size, .6rem) * .5);
	left: calc(0px - var(--wishlist-counter-font-size, .6rem) * .5);
	padding: var(--wishlist-counter-font-size, .6rem);
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	color: var(--wishlist-counter-color, #fff);
	background-color: var(--wishlist-counter-background-color, #D85D00);
	line-height: var(--wishlist-counter-font-size, .6rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
	font-size: var(--wishlist-counter-font-size, .6rem);
}

[data-wishlist-cart] , [data-wishlist-form] {
	position: fixed;
	top: var(--wishlist-cart-offset-top, 50px);
	right: var(--wishlist-cart-offset-right, 0);
	opacity: 0;
	background-color: var(--wishlist-cart-background-color, #fff);
	z-index: var(--wishlist-cart-zindex, 999);
	padding: var(--wishlist-cart-padding, 1rem);
	max-width: var(--wishlist-cart-max-width, 600px);
	width: 100%;
	display: flex;
    flex-direction: column;
	height: calc(100vh - var(--wishlist-cart-offset-top, 50px));
	
	pointer-events: none;
	transform: translateX(100%);
	transition: opacity .3s, transform .3s;
}
[data-wishlist-cart].wishlist-cart-open, [data-wishlist-form].wishlist-form-open {
	transform: translateX(0);
	opacity: 1;
	pointer-events: all;
}

[data-wishlist-backdrop] {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: calc(var(--wishlist-toggle-zindex, 999) - 1);
	background-color: var(--wishlist-backdrop-bg-color, rgba(27, 27, 27, 0.7));
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
}
.wishlist-cart-open ~ [data-wishlist-backdrop],
.wishlist-form-open ~ [data-wishlist-backdrop] {
	opacity: 1;
	pointer-events: all;
}

[data-wishlist-remove-item] {
	position: absolute;
	top:  var(--wishlist-cart-offset-top, 1rem);
	right:  var(--wishlist-cart-offset-right, 1rem);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: var(--wishlist-cart-close-size, 1rem);
	padding: var(--wishlist-cart-close-size, 1rem);
	width: var(--wishlist-cart-close-size, 1rem);
	height: var(--wishlist-cart-close-size, 1rem);
	line-height: var(--wishlist-cart-close-size, 1rem);
}

.wishlist-items, form.wishlist-form {
	overflow-y: auto;
	margin-bottom: 1rem;
	flex-grow: 1;
}
.wishlist-items li {
	padding: var(--wishlist-cart-item-padding, 1rem);
	padding-right: calc(var(--wishlist-cart-item-padding, 1rem) + var(--wishlist-cart-close-size, 1rem) * 2 + var(--wishlist-cart-offset-right, 1rem));
	position: relative;
}
.wishlist-items li:nth-child(odd) {
	background-color: var(--wishlist-cart-item-background-color, #EDE8DD);
}

.wishlist-cart-item-image {
	max-width: var(--wishlist-cart-item-image-max-width, 100px);
}

.wishlist-form-actions {
	display: flex;
	justify-content: space-between;
}

[data-wishlist-open-form]:disabled {
	opacity: .5;
	pointer-events: none;
}

body:not(.wishlist-requests-allowed) [data-wishlist-open-form] {
	display: none;
}