/* WH Wishlist — serce w headerze. Kolory/wymiary z tokenow var(--wh-*); stylizacja = motyw/branza. */
.wh-wishlist {
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 0;
  color: inherit;
}

.wh-wishlist__icon {
  display: block;
  width: var(--wh-wishlist-size, 24px);
  height: var(--wh-wishlist-size, 24px);
  fill: var(--wh-color-text-primary, currentColor);
  transition: fill var(--wh-duration-fast, .15s) ease;
}

@media (hover: hover) {
.wh-wishlist:hover .wh-wishlist__icon {
  fill: var(--wh-color-accent, #9e8264);
}
}

.wh-wishlist__count {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: var(--wh-font-size-small, 12px);
  line-height: 16px;
  text-align: center;
  border-radius: 8px;
  background: var(--wh-color-accent, #9e8264);
  color: var(--wh-color-bg-base, #fff);
}