/**
 * Safari Matrouh — header cart & wishlist counters (::after badges)
 */

.nav-shop,
.safari-header-shop {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.nav-shop-btn,
.safari-header-wishlist,
.safari-header-cart,
.safari-header-account {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #B38756;
  text-decoration: none;
  transition: 0.25s ease;
  box-sizing: border-box;
}

.nav-shop-btn:hover,
.safari-header-wishlist:hover,
.safari-header-cart:hover,
.safari-header-account:hover {
  background: rgba(179, 135, 86, 0.12);
  color: #B38756;
}

.nav-shop-btn svg,
.safari-header-wishlist svg,
.safari-header-cart svg,
.safari-header-account svg {
  width: 22px;
  height: 22px;
}

.safari-header-wishlist,
.safari-header-cart,
[data-safari-counter="wishlist"],
[data-safari-counter="cart"],
.nav-shop-btn--wishlist,
.nav-shop-btn--cart {
  position: relative !important;
}

.safari-header-wishlist::after,
.safari-header-cart::after,
[data-safari-counter="wishlist"]::after,
[data-safari-counter="cart"]::after,
.nav-shop-btn--wishlist::after,
.nav-shop-btn--cart::after {
  content: attr(data-count);
  position: absolute;
  top: 2px;
  inset-inline-end: 2px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: #B38756;
  color: #fff;
  font-family: 'Cairo', Tahoma, Arial, sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
  box-sizing: border-box;
}

.safari-header-wishlist[data-count="0"]::after,
.safari-header-cart[data-count="0"]::after,
[data-safari-counter="wishlist"][data-count="0"]::after,
[data-safari-counter="cart"][data-count="0"]::after,
.nav-shop-btn--wishlist[data-count="0"]::after,
.nav-shop-btn--cart[data-count="0"]::after {
  display: none !important;
}

/* Legacy span badges inside icon (hide when using ::after on parent) */
.safari-header-wishlist .nav-shop-count,
.safari-header-cart .nav-shop-count,
[data-safari-counter] .nav-shop-count {
  display: none !important;
}