/* Wishlist style rules.

	* Table of contents

	- Wishlist page
	- Wishlist dropdown
	- Wishlist icon

 */

@media screen and (max-width: 767px) {
	.hide-wishlist-on-mobile .header-icon__wishlist,
	.hide-wishlist-on-mobile .add-to-wishlist-grid-container,
	.hide-wishlist-on-mobile .yith-wcwl-add-to-wishlist {
		display: none;
	}
}

/* Wishlist page
------------------------------------------------------------------------------------------------- */

.wishlist__container {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: 30px 12px;
}

.wishlist-item {
	position: relative;
	display: grid;
	gap: 15px;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto;
}

.wishlist-item__remove {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}

.wishlist-item__image-wrap {
	overflow: hidden;
	position: relative;
	text-align: center;
}

.wishlist-item__image-wrap .wishlist-item__add-to-cart {
	position: absolute;
	bottom: -100%;
	left: 0;
	max-height: calc( 100% - 10px );
	width: 100%;
	padding: 10px 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: var( --ct-color-white-alfa );
	overflow-y: auto;
	transition: bottom .3s;
	z-index: 5;
}

.wishlist-item__image-wrap:hover .wishlist-item__add-to-cart {
	bottom: 10px;
}

.wishlist-item__information {
	display: grid;
	gap: 10px;
}

.wishlist-item__title {
	width: 100%;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
}

.wishlist__attributes,
.wishlist__price {
	justify-content: center;
}

.wishlist__attributes {
	display: flex;
	align-items: center;
	column-gap: 10px;
	gap: 10px;
	/* to keep similar item cards height id attrs not exist */
	height: calc( 1.3rem * 1.2 );
	font-size: 1.3rem;
	color: var( --ct-color-dark-gray );
}

.wishlist__price {
	display: flex;
	align-items: center;
	row-gap: 10px;
	gap: 10px;
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: 700;
}

.wishlist__price del {
	color: var( --ct-color-dark-gray );
	font-size: 1.4rem;
}

.wishlist-item__add-to-cart .add_to_cart {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	background-color: var( --ct-color-btn-dark );
	border: 1px solid var( --ct-color-btn-dark );
	color: var( --ct-color-btn-light );
	border-radius: var( --ct-bd-specific-radius );
	line-height: 40px;
	text-align: center;
	font-size: 1.6rem;
}

.wishlist-item__add-to-cart .add_to_cart:hover,
.wishlist-item__add-to-cart .add_to_cart:focus {
	background-color: var( --ct-color-btn-light );
	border: 1px solid var( --ct-color-btn-dark );
	color: var( --ct-color-btn-dark );
}

@media screen and ( min-width: 480px ) {
	.wishlist__container {
		gap: 30px 20px;
	}
}

@media screen and ( min-width: 1024px ) {
	.wishlist__container {
		grid-template-columns: repeat( 4, 1fr );
	}
}

/* Wishlist dropdown
------------------------------------------------------------------------------------------------- */

.wishlist-dropdown_active .wishlist__dropdown {
	opacity: 1;
	visibility: visible;
}

.wishlist__dropdown .wishlist-overlay {
	/* 3 items ( ~181px ) */
	max-height: 543px;
	overflow-y: auto;
}

.wishlist__dropdown .wishlist__container {
	display: block;
}

.wishlist__dropdown .wishlist-item {
	position: relative;
	gap: 10px;
	grid-template-columns: 100px 1fr;
	padding: 15px 10px;
	border-bottom: 1px solid var( --ct-color-middle-gray );
}

.wishlist__dropdown .wishlist-item:last-child {
	border-bottom-width: 0;
}

.wishlist__dropdown .wishlist-item__remove {
	top: 15px;
	right: 10px;
}

.wishlist__dropdown .wishlist-item__image-wrap {
	margin-bottom: 0;
}

.wishlist__dropdown .wishlist-item__image-wrap .quickbuy-panel-container {
	display: none;
}

.wishlist__dropdown .wishlist-item__information {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 0;
}

.wishlist__dropdown .wishlist-item__title {
	/* exclude remove button width */
	width: calc( 100% - 1.5rem );
	margin-bottom: 0;
	font-size: 1.4rem;
	text-align: start;
}

.wishlist__dropdown .wishlist__price {
	justify-content: start;
	margin-bottom: 0;
	font-size: 1.4rem;
	font-weight: 400;
}

.wishlist__attr,
.wishlist__dropdown .wishlist__attributes,
.wishlist__dropdown .wishlist-item__add-to-cart {
	display: none;
}

.wishlist__dropdown .wishlist__attr {
	display: block;
}

@media screen and ( min-width: 1024px ) {
	.wishlist__dropdown .wishlist-item__title,
	.wishlist__dropdown .wishlist__price {
		font-size: 1.6rem;
	}
}

/* Wishlist icon
------------------------------------------------------------------------------------------------- */

.yith-wcwl-add-to-wishlist,
.yith-wcwl-add-to-wishlist i.yith-wcwl-icon.fa {
	/* force default styles */
	margin: 0;
}

.yith-wcwl-add-to-wishlist {
	height: 18px;
	font-size: 0;
}

.add-to-wishlist-grid-container .yith-wcwl-add-to-wishlist {
	position: absolute;
	top: 10px;
	right: -100%;
	transition: right .3s;
}

.product-grid-image-container:hover .add-to-wishlist-grid-container .yith-wcwl-add-to-wishlist,
.add-to-wishlist-grid-container .yith-wcwl-add-to-wishlist.exists {
	right: 10px;
}

.yith-wcwl-add-to-wishlist a {
	display: block;
}

.yith-wcwl-add-to-wishlist i {
	font-size: 18px;
}

@media screen and ( min-width: 1024px ) {
	.yith-wcwl-add-to-wishlist {
		height: 20px;
	}

	.yith-wcwl-add-to-wishlist i {
		font-size: 20px;
	}
}