/**
 * ELREDA GROUP
 * Desktop Wishlist Header
 */

.elreda-header-wishlist {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 42px;
	height: 42px;

	color: #ffffff;
	text-decoration: none;

	transition:
		color 0.2s ease,
		transform 0.2s ease;
}

.elreda-header-wishlist:hover,
.elreda-header-wishlist:focus {
	color: #ED0029;
	text-decoration: none;
}

.elreda-header-wishlist:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
	border-radius: 8px;
}

.elreda-header-wishlist__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.elreda-header-wishlist__icon svg {
	display: block;
	width: 25px;
	height: 25px;
}


/* Counter badge */
.elreda-wishlist-count {
	position: absolute;
	top: 0;
	right: -2px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 18px;
	height: 18px;
	padding: 0 4px;

	background: #ED0029;
	color: #ffffff;

	border: 2px solid #061A36;
	border-radius: 999px;

	font-size: 10px;
	font-weight: 700;
	line-height: 1;

	box-sizing: border-box;
}

.elreda-wishlist-count.is-empty {
	display: none;
}


/*
 * Safety:
 * Wishlist already exists in our custom mobile bottom navigation,
 * so don't show this desktop icon on smaller screens.
 */
@media (max-width: 921px) {

	.elreda-header-wishlist {
		display: none !important;
	}
}