/**
 * Любими продукти.
 *
 * Размерите са мерени от плъгина, който това заменя: 45×45 кутийка в горния
 * десен ъгъл на снимката, 7,5 пиксела от ръба, радиус 5, сърце 15 пиксела в
 * оранжево. Така картите не мърдат при смяната.
 */

.sld-wishlist {
	line-height: 0;
}

.sld-wishlist--loop {
	position: absolute;
	top: 7.5px;
	right: 7.5px;
	z-index: 11;
}

.sld-wishlist__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	padding: 0;
	border: 1px solid transparent;
	border-radius: 5px;
	background: transparent;
	color: #e67e22;
	cursor: pointer;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.sld-wishlist__btn:hover,
.sld-wishlist__btn:focus-visible {
	background: rgba(230, 126, 34, 0.1);
}

.sld-wishlist__btn:active {
	transform: scale(0.92);
}

.sld-wishlist__icon {
	/* Беше 15 - мерено от плъгина, който това заменя, но в новия дизайн картата
	   е по-просторна и сърцето се губеше в ъгъла. */
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	pointer-events: none;
}

/* Пълно сърце, щом продуктът е в списъка. */
.sld-wishlist__btn.is-active .sld-wishlist__icon {
	fill: currentColor;
}

/* На продуктовата страница сърцето стои в реда под копчето за количката. */
.sld-wishlist--single {
	display: inline-flex;
}

.sld-wishlist--single .sld-wishlist__btn {
	width: 38px;
	height: 38px;
}

/* ------------------------------------------------- броячът в хедъра */

.sld-wishlist-counter {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	text-decoration: none;
}

.sld-wishlist-counter__icon {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}

.sld-wishlist-counter.has-items .sld-wishlist-counter__icon {
	fill: currentColor;
}

.sld-wishlist-counter__badge {
	position: absolute;
	top: -6px;
	right: -8px;
	display: grid;
	place-items: center;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 999px;
	background: #e67e22;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.sld-wishlist-counter:not(.has-items) .sld-wishlist-counter__badge {
	display: none;
}

/* ------------------------------------------------------- страницата */

.sld-wishlist-page__empty {
	margin: 24px 0 16px;
	font-size: 17px;
}