/* Remove background from wishlist heart icons - MUST BE FIRST */
button.xb-wishlist-button {
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Fix button styling - target Add to Cart buttons */
.xb-btn,
button.xb-add-to-cart,
.xb-list-style__add-to-cart {
  font-weight: normal !important;
  border-radius: 2px !important;
  background-color: #afd1bb !important;
  color: #ffffff !important;
  padding: 12px 24px !important;
  border: none !important;
}

/* Fix text styling */
.xb-wishlist-page h1,
.xb-wishlist-page h2,
.xb-wishlist-page p {
  font-weight: normal !important;
}

/* Fix product title links - target all links in wishlist */
xb-wishlist-page a[href*="/products/"],
.xb-wishlist-item a,
xb-wishlist-item a {
  font-weight: normal !important;
  font-size: 14px !important;
}

/* Fix product price text */
.xb-product-price,
.xb-price {
  font-weight: normal !important;
  font-size: 14px !important;
}

/* Fix all text in wishlist items */
xb-wishlist-item *,
xb-wishlist-page * {
  font-weight: normal !important;
}

/* Style the variant dropdown */
#select-variant,
.xb-wishlist-product__select,
select[id*="variant"] {
  font-weight: normal !important;
  font-size: 12px !important;
  padding: 8px 8px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 2px !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  cursor: pointer !important;
  width: 100% !important;
  max-width: 250px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  padding-right: 36px !important;
}

/* Hover state */
#select-variant:hover,
.xb-wishlist-product__select:hover {
  border-color: #afd1bb !important;
}

/* Focus state */
#select-variant:focus,
.xb-wishlist-product__select:focus {
  outline: none !important;
  border-color: #afd1bb !important;
  box-shadow: 0 0 0 2px rgba(175, 209, 187, 0.2) !important;
}

/* Make Add to Cart button text uppercase */
.xb-list-style__add-to-cart,
button[class*="add-to-cart"] {
  text-transform: uppercase !important;
}

/* Replace "Wishlist Page" with "WISHLIST" */
.xb-wishlist-page h1,
xb-wishlist-page h1 {
  font-size: 0 !important;
}

.xb-wishlist-page h1:after,
xb-wishlist-page h1:after {
  content: "Wishlist" !important;
  font-size: 32px !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
}

/* Fix header wishlist positioning and counter */
.header__secondary-nav xb-wishlist-header {
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

.header__secondary-nav xb-wishlist-header a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.xb-product-quantity {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 4px !important;
  text-align: center !important;
  font-size: 11px !important;
}