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, 20dvh);
	z-index: var(--wishlist-toggle-zindex, 1000002);
	transition: top .3s, right .3s, transform .3s, opacity .3s;
}

#navi-toggled:checked ~ * [data-wishlist-cart-toggle] {
	transform: translateX(100%);
	opacity: 0;
}

[data-wishlist-cart-toggle].wishlist-cart-open {
	top: calc(var(--wishlist-cart-offset-top, 0px) + var(--wishlist-cart-padding, 1rem)); 
	right: var(--wishlist-cart-padding, 1rem);
}

.btn-cart-indicator {
	gap: 0;
}

.btn-cart-indicator img {
	width: var(--wishlist-toggle-size, 1.75rem);
	height: var(--wishlist-toggle-size, 1.75rem);
	margin-bottom: 0;
	object-fit: cover;
}

[data-wishlist-cart-toggle].wishlist-cart-open .btn-cart-indicator img {
	display: none;
}

[data-wishlist-cart-toggle].wishlist-cart-open .btn-cart-indicator span::before {
	content: "✖";
	line-height: 1;
}

[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, var(--color-warning-text, var(--light, #ffffff)));
	background-color: var(--wishlist-counter-background-color, var(--color-warning, var(--alert, #D22F2F)));
	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, 0px);
	right: var(--wishlist-cart-offset-right, 0);
	opacity: 0;
	background-color: var(--wishlist-cart-background-color, var(--color-background, var(--light, #ffffff)));
	z-index: var(--wishlist-cart-zindex, 1000001);
	padding: var(--wishlist-cart-padding, 1rem);
	max-width: var(--wishlist-cart-max-width, 600px);
	width: 100%;
	display: flex;
    flex-direction: column;
	height: calc(100dvh - var(--wishlist-cart-offset-top, 0px));
	visibility: hidden;
	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;
	visibility: visible;
}

[data-wishlist-cart]:not(.opened-modal), 
[data-wishlist-form]:not(.opened-modal) {
	/* display: none; */
	visibility: hidden;
	opacity: 0;
}

form[data-wishlist-form-item-amount], 
.wishlist-price-container {
    display: flex;
    align-items: baseline;
	flex-wrap: wrap;
	justify-content: space-between;
	width: auto;
	margin-bottom: 0;
}
form[data-wishlist-form-item-amount] {
	flex-shrink: 0;
}

.form-items-summary,
.form-items-total {
    display: flex;
    justify-content: space-between;
}
.form-items-total {
	border-top: var(--base-border, 1px solid var(--color-background-text, var(--dark, #000000)));
	padding-top: calc(var(--base-gap-rem, var(--base-gap, 1.125rem)) / 2);
	margin-top: calc(var(--base-gap-rem, var(--base-gap, 1.125rem)) / 2);
} 

[data-wishlist-form-list] {
	margin-bottom: calc(var(--base-gap-rem, var(--base-gap, 1.125rem)) * 2);
}

.wishlist-item-content {
	flex-grow: 1;
}

[data-wishlist-form-item-amount] input.wishist-amount-input {
	max-width: var(--wishlist-amount-input-width, 100px);
}
[data-wishlist-form-item-amount] label {
	margin-right: 1rem;
}

[data-wishlist-backdrop] {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: calc(var(--wishlist-toggle-zindex, 1000001) - 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);
}

[data-wishlist-remove-item] img {
	min-width: var(--wishlist-cart-close-size, 1rem);
	min-height: var(--wishlist-cart-close-size, 1rem);
	margin-bottom: 0;
}

.wishlist-items, form.wishlist-form {
	overflow-y: auto;
	margin-bottom: var(--base-gap-rem, var(--base-gap, 1.125rem));
	flex-grow: 1;
}
.wishlist-items li {
	border-radius: var(--wishlist-border-radius, var(--base-border-radius-rem, var(--base-border-radius, 4px)));
	position: relative;
	background-color: var(--wishlist-cart-item-background-color, var(--color-surface, var(--medium, #ededed)));
	margin-bottom: 1rem;
}
.wishlist-items .wishlist-item-content {
	padding: var(--wishlist-cart-item-padding, 1rem);
	display: flex;
	gap: var(--base-gap-rem, var(--base-gap, 1.125rem));
	align-items: center;
	padding-right: calc(var(--wishlist-cart-item-padding, 1rem) + var(--wishlist-cart-close-size, 1rem) * 2 + var(--wishlist-cart-offset-right, 1rem));
}

.wishlist-cart-item-image {
	max-width: var(--wishlist-cart-item-image-max-width, 100px);
	min-width: var(--wishlist-cart-item-image-max-width, 100px);
	width: var(--wishlist-cart-item-image-max-width, 100px);
	border-radius: var(--wishlist-border-radius, var(--base-border-radius-rem, var(--base-border-radius, 4px)));
	margin-bottom: 0;
}

.wishlist-form-actions {
	display: flex;
    align-items: baseline;
	justify-content: space-between;
}
.wishlist-price-amount-container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	padding: var(--wishlist-cart-item-padding, 1rem);
	gap: var(--base-gap-rem, var(--base-gap, 1.125rem));
	border-top: 1px solid var(--wishlist-cart-background-color, var(--color-background, var(--light, #ffffff)));
}
.wishlist-price-container {
	gap: var(--base-gap-rem, var(--base-gap, 1.125rem));
} 

[data-wishlist-open-form] {
	flex-shrink: 0;
}

[data-wishlist-open-form][data-disabled="true"] {
	opacity: .5;
	cursor: auto;
}

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

.wishlist-footer {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	align-self: flex-end;
	gap: var(--base-gap-rem, var(--base-gap, 1.125rem));
	padding-left: var(--base-gap-rem, var(--base-gap, 1.125rem));
}

.wishlist-price-total-container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--base-gap-rem, var(--base-gap, 1.125rem));
}