/**
 * Wishlist (избранное)
 * Стили счётчика в хедере берутся из .head__cart .cartcontents (см. style.css).
 */

/* ---------- База: тонкая иконка, без подложки ---------- */

.gegel-wishlist-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--color-primary);
	cursor: pointer;
	opacity: .65;
	transition: opacity .2s ease, color .2s ease;
	-webkit-tap-highlight-color: transparent;
}

.gegel-wishlist-btn:hover { opacity: 1; color: var(--color-wishlist-active); }
.gegel-wishlist-btn:focus-visible {
	outline: 2px solid var(--color-wishlist-active);
	outline-offset: 2px;
	border-radius: 4px;
	opacity: 1;
}

.gegel-wishlist-btn__icon {
	display: block;
	pointer-events: none;
	transition: fill .2s ease, stroke .2s ease;
}

.gegel-wishlist-btn.is-active { color: var(--color-wishlist-active); opacity: 1; }
.gegel-wishlist-btn.is-active .gegel-wishlist-btn__icon {
	fill: currentColor;
	stroke: currentColor;
}

.gegel-wishlist-btn.is-loading { pointer-events: none; }

/* ---------- В карточке листинга и каруселях: только при наведении, в самом углу ---------- */

.gegel-wishlist-btn--loop {
	position: absolute;
	top: .5rem;
	right: .5rem;
	z-index: 5;
	width: 2.25rem;
	height: 2.25rem;
	opacity: 1;
	color: var(--color-text-primary);
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.9));
	transition: color .2s ease;
}

.gegel-wishlist-btn--loop:hover { color: var(--color-wishlist-active); }
.gegel-wishlist-btn--loop.is-active { color: var(--color-wishlist-active); }

li.product { position: relative; }
.hp-carousel__card-image { position: relative; }

/* ---------- На странице товара: оверлей в углу галереи ---------- */

.gegel-wishlist-btn--single {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 12;        /* выше .gegel-gallery__zone (10) и fullscreen (11) */
	width: 2.5rem;
	height: 2.5rem;
	color: var(--color-text-primary);
	filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.9));
	opacity: 1;
	transition: color .2s ease;
}

.gegel-wishlist-btn--single .gegel-wishlist-btn__icon { width: 22px; height: 22px; }
.gegel-wishlist-btn--single:hover { color: var(--color-wishlist-active); }
.gegel-wishlist-btn--single.is-active { color: var(--color-wishlist-active); }

.gegel-gallery__main { position: relative; }

/* ---------- В корзине: рядом с крестиком ---------- */

.gegel-wishlist-btn--cart {
	position: absolute;
	top: -0.25rem;
	right: 2rem;
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--color-text-muted);
	opacity: 1;
}

.gegel-wishlist-btn--cart .gegel-wishlist-btn__icon {
	width: 20px;
	height: 20px;
}

.gegel-wishlist-btn--cart:hover,
.gegel-wishlist-btn--cart.is-active {
	color: var(--color-wishlist-active);
	opacity: 1;
}

/* ---------- Иконка избранного в хедере ---------- */

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

.head__wishlist svg { display: block; }

.head__wishlist .cartcontents.is-empty { display: none; }

/* ---------- Страница избранного ---------- */

.wishlist-page__empty {
	padding: 6rem 2rem;
	text-align: center;
}

.wishlist-page__empty svg {
	display: block;
	margin: 0 auto 2rem;
	opacity: .25;
}

.wishlist-page__empty-text {
	font-size: 1.6rem;
	color: #666;
	margin-bottom: 2rem;
}

.wishlist-page__empty-cta {
	display: inline-block;
	padding: 1.2rem 2.4rem;
	background: var(--color-primary);
	color: var(--color-text-light);
	text-decoration: none;
	border-radius: 999px;
	transition: background .15s ease;
}

.wishlist-page__empty-cta:hover { background: #2a0a3a; color: var(--color-text-light); }

.wishlist-page .gegel-wishlist-btn--loop { opacity: 1; }