/* Marketplace header Wishlist (views/partials/wishlist-menu.ejs).
   Same frame as the Checkout dropdown beside it; these rules only add what the
   marketplace stylesheets do not already give .wishlist-dropdown-box, so it looks the
   same on every page that carries the header. */

.nr-wish__icon { position: relative; }
.nr-wish__count {
	position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px;
	border-radius: 999px; background: #f24c35; color: #fff;
	font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
}
.nr-wish__count[hidden] { display: none; }

.nr-wish .wishlist-dropdown-box {
	background: #fff; border-radius: 20px; padding: 18px 0 4px;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .18); min-width: 340px;
}
.nr-wish .wishlist-droptitle {
	margin: 0 0 10px; padding: 0 24px; font-family: 'Poppins', sans-serif;
	font-size: 18px; font-weight: 600; color: #222328;
}
.nr-wish .wishlist-list { padding: 0 24px; max-height: 280px; overflow-y: auto; }

.nr-wish__group { padding: 10px 0; border-bottom: 1px solid #eef0f6; }
.nr-wish__group:last-child { border-bottom: 0; }
.nr-wish__name {
	display: flex; justify-content: space-between; align-items: center; gap: 10px;
	font-size: 15px; font-weight: 600; color: #222328; text-decoration: none;
}
.nr-wish__name:hover { color: #4260cb; }
.nr-wish__qty { font-size: 13px; font-weight: 500; color: #8c94b0; white-space: nowrap; }
.nr-wish__item {
	display: flex; justify-content: space-between; gap: 10px; margin-top: 6px;
	font-size: 14px; color: #4a4f63;
}
.nr-wish__item b { font-weight: 600; color: #4260cb; }
.nr-wish__more { margin-top: 6px; font-size: 13px; color: #8c94b0; }
.nr-wish__empty { margin: 6px 0 12px; font-size: 14px; line-height: 1.5; color: #8c94b0; text-align: center; }

.nr-wish__new { display: flex; gap: 8px; padding: 10px 24px 0; }
.nr-wish__new[hidden] { display: none; }
.nr-wish__input {
	flex: 1 1 auto; min-width: 0; height: 42px; padding: 0 16px;
	border: 1px solid #e7e7e7; border-radius: 30px; font-size: 14px; color: #222328;
}
.nr-wish__input:focus { outline: none; border-color: #4260cb; }
.nr-wish__add { flex: 0 0 auto; height: 42px; line-height: 40px; padding: 0 18px; margin: 0 !important; }

.nr-wish .nr-wish__btns {
	display: flex; gap: 12px; margin: 12px 24px 14px; padding-top: 12px; border-top: 1px solid #e7e7e7;
}
.nr-wish .nr-wish__btns .btn { flex: 1 1 0; min-width: 0; line-height: 37px; margin: 0 !important; white-space: nowrap; }

/* At 1399px and below the header stylesheets hide every span in .searchnav-links to drop
   the "Wishlist" / "Checkout" labels beside the icons. That also hid the list name, the
   count and the number in here, leaving only the price. */
.searchnav-links .nr-wish__box span { display: inline !important; }
/* Name left, count right - header link styles were centring the pair */
.searchnav-links .nr-wish__box .nr-wish__name { display: flex !important; justify-content: space-between; text-align: left; }