/**
 * Star rating
 */
.star-rating {
	--em-rating-width: 100%;
	--em-rating-spacing: 5px;

	display: inline-flex;
	flex-wrap: nowrap;
	@include font-size(12/16);
	line-height: 1;
	overflow: hidden;
	position: relative;
	font-weight: 400;

	span {
		overflow: hidden;
		height: max-content;

		&.ecomus-svg-icon {
			margin-right: var(--em-rating-spacing);

			&:last-child {
				margin-right: 0;
			}
		}
	}

	.max-rating {
		display: inline-flex;
		color: #DCDCDC;

		&.ecomus-svg-icon:last-child {
			margin-right: 0;
		}
	}

	.user-rating {
		position: absolute;
		color: #111110;
		white-space: nowrap;
		width: calc( var(--em-rating-width) + ( var(--em-rating-spacing) / 2 ) );

		&.ecomus-svg-icon:last-child {
			margin-right: 0;
		}
	}
}

.added_to_cart.wc-forward {
	display: none;
}

$woocommerce__color-error: #feedf1;
$woocommerce__color-success: #ecfaf7;
$woocommerce__color-info: #ecf6ff;
/**
 * Notices
 */
 .woocommerce-message,
 .woocommerce-info,
 .woocommerce-error,
 .woocommerce-noreviews,
 p.no-comments {
	background-color: $woocommerce__color-success;
	color: #13bc96;
	clear: both;
	font-weight: 500;
	@include font-size(14/16);
	padding: 13px 20px;
	margin-bottom: 2em;
	list-style: none;
	outline: none;


	a {
		color: inherit;
		text-decoration: underline;
		line-height: 1;
	}

	.showlogin {
	text-decoration: none;
	cursor: inherit;
	}

		a.button {
		float: right;
		padding: 3px 0 0 0;
		background-color: transparent;
		display: inline;
		height: auto;
		min-width: auto;
		box-shadow: none;
		color: inherit;
		border: none;

		&:hover {
			background-color: transparent;
		}

		&:after {
			display: none;
		}

	}

		&:after {
			clear: both;
			display: block;
			content: "";
		}
 }

 .woocommerce-info,
 .woocommerce-noreviews,
 p.no-comments {
	 background-color: $woocommerce__color-info;
	 color: #0f86ff;
 }

 .woocommerce-error {
	 background-color: $woocommerce__color-error;
	 color: #f21951;
 }

 .woocommerce {
	.password-input {
		position: relative;
		display: block;
	}

	.show-password-input {
		transition: .35s;
		cursor: pointer;
		opacity: .5;
		position: absolute;
		right: 15px;
		top: 15px;
		width: 20px;
		height: 20px;
		background: no-repeat center center;
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9ImN1cnJlbnRDb2xvciIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0iaWNvbiI+CiAgPHBhdGggZD0iTTk0Mi4yIDQ4Ni4yUTg4OS40NyAzNzUuMTEgODE2LjcgMzA1bC01MC44OCA1MC44OEM4MDcuMzEgMzk1LjUzIDg0My40NSA0NDcuNCA4NzQuNyA1MTIgNzkxLjUgNjg0LjIgNjczLjQgNzY2IDUxMiA3NjZxLTcyLjY3IDAtMTMzLjg3LTIyLjM4TDMyMyA3OTguNzVRNDA4IDgzOCA1MTIgODM4cTI4OC4zIDAgNDMwLjItMzAwLjNhNjAuMjkgNjAuMjkgMCAwIDAgMC01MS41em0tNjMuNTctMzIwLjY0TDgzNiAxMjIuODhhOCA4IDAgMCAwLTExLjMyIDBMNzE1LjMxIDIzMi4yUTYyNC44NiAxODYgNTEyIDE4NnEtMjg4LjMgMC00MzAuMiAzMDAuM2E2MC4zIDYwLjMgMCAwIDAgMCA1MS41cTU2LjY5IDExOS40IDEzNi41IDE5MS40MUwxMTIuNDggODM1YTggOCAwIDAgMCAwIDExLjMxTDE1NS4xNyA4ODlhOCA4IDAgMCAwIDExLjMxIDBsNzEyLjE1LTcxMi4xMmE4IDggMCAwIDAgMC0xMS4zMnpNMTQ5LjMgNTEyQzIzMi42IDMzOS44IDM1MC43IDI1OCA1MTIgMjU4YzU0LjU0IDAgMTA0LjEzIDkuMzYgMTQ5LjEyIDI4LjM5bC03MC4zIDcwLjNhMTc2IDE3NiAwIDAgMC0yMzguMTMgMjM4LjEzbC04My40MiA4My40MkMyMjMuMSA2MzcuNDkgMTgzLjMgNTgyLjI4IDE0OS4zIDUxMnptMjQ2LjcgMGExMTIuMTEgMTEyLjExIDAgMCAxIDE0Ni4yLTEwNi42OUw0MDEuMzEgNTQ2LjJBMTEyIDExMiAwIDAgMSAzOTYgNTEyeiIvPjxwYXRoIGQ9Ik01MDggNjI0Yy0zLjQ2IDAtNi44Ny0uMTYtMTAuMjUtLjQ3bC01Mi44MiA1Mi44MmExNzYuMDkgMTc2LjA5IDAgMCAwIDIyNy40Mi0yMjcuNDJsLTUyLjgyIDUyLjgyYy4zMSAzLjM4LjQ3IDYuNzkuNDcgMTAuMjVhMTExLjk0IDExMS45NCAwIDAgMS0xMTIgMTEyeiIvPgo8L3N2Zz4=");
		border: none;
		padding: 0;

		&.display-password {
			background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxMTExMTEiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWV5ZSI+PHBhdGggZD0iTTEgMTJzNC04IDExLTggMTEgOCAxMSA4LTQgOC0xMSA4LTExLTgtMTEtOHoiPjwvcGF0aD48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIzIj48L2NpcmNsZT48L3N2Zz4=");
		}

		&:hover {
			opacity: 1;
		}

	}

}

.woocommerce .quantity {
	--em-quantity-width: 46px;
	--em-quantity-height: 46px;

	display: inline-flex;
	align-items: center;
	height: var(--em-quantity-height);
	line-height: 1;
	color: $color__dark;
	background-color: #F5F5F5;
	border-radius: var(--em-input-rounded);

	.ecomus-qty-button {
		position: relative;
		@include font-size(12/16);
		display: flex;
		align-items: center;
		padding: 0 13px;
		height: 100%;
		cursor: pointer;

		&::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 2em;
			height: 2em;
			border-radius: 50%;
			transform: translate(-50%, -50%);
			background-color: transparent;
			transition: background-color .2s;
		}

		svg {
			position: relative;
		}

		&:hover {
			&::before {
				background-color: #ddd;
			}
		}
	}

	input {
		background-color: transparent;
		border-color: transparent;
		text-align: center;
		width: var(--em-quantity-width);
		height: 100%;
		padding: 0;
		@include font-size(1);
		font-weight: 600;
		color: $color__dark;
		-moz-appearance: textfield;

		&::-webkit-outer-spin-button,
		&::-webkit-inner-spin-button {
			-webkit-appearance: none;
		}
	}
}

.ecomus-i-video {
	width: 44px;
	height: 44px;
	border-radius: 50px;
	background-color: #fff;
	position: relative;
	cursor: pointer;
	z-index: 1;
}

.ecomus-i-video:before {
	content: '';
	width: 20px;
	height: 20px;
	background-color: #fff;
	border: 2px solid #000;
	border-radius: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ecomus-i-video:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #000;
	display: block;
	position: absolute;
	top: 50%;
	left: 53%;
	transform: translate(-50%, -50%);
}

body {
	.notifyjs-corner {
		z-index: 99999;
	}

	&.admin-bar {
		.notifyjs-corner {
			transform: translateY(32px);
		}
	}
}


.notifyjs-ecomus-success {
	color: #299c77;
	background-color: #bff9d0;

	.btn-button,
	a {
		color: #299c77;
	}
}

.notifyjs-ecomus-error {
	color: #fff;
	background-color: #b81c23;

	ul {
		margin: 0;
		padding: 0;
		li {
			list-style: none;
			::marker {
				display: none;
			}
		}
	}

	.btn-button,
	a {
		color: #fff;
	}
}

.notifyjs-ecomus-info {
	color: #fff;
	background-color: #1e85be;
}

.notifyjs-ecomus-base {
	font-weight: 400;
	position: relative;
	padding: 15px 40px 15px 60px;
	margin-bottom: 10px;
	box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1);
	max-width: 450px;

	.message-icon {
		position: absolute;
		left: 20px;
		top: 13px;
		@include font-size(24/16);
	}

	.button.wc-forward {
		display: none;
	}

	.btn-button {
		padding-left: 5px;
		text-decoration: underline;
	}

	.svg-active {
		position: absolute;
		top: 19px;
		right: 15px;
		font-size: 11px;
	}

	.message-box {
		display: inline-block;
		@include font-size(14/16);
		padding: 0;
		margin: 0;
	}

	.feather-check-circle {
		fill: none;
	}
}

.ecomus-price-saved {
	display: inline-block;
	@include font-size(11/16);
	color: var(--em-color-price-sale);
	border: 1px solid var(--em-color-price-sale);
	border-radius: var(--em-rounded-xs);
	padding: 3px 5px 2px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
}

.pswp__video {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	pointer-events: none;
	padding: 30px 15px;

	video {
		pointer-events: auto;
		width: 100% !important;
		height: auto !important;
  		max-width: 1280px;
		max-height: 100%;
	}

	iframe {
		pointer-events: auto;
	}
}