/* Wishlist is intentionally available from the product reference only.
 * Product sliders keep their native cards and interactions without the
 * wishlist control taking space over the product image. */
body .swiper .wishlist-button,
body .swiper .wishlist-button-add,
body [class*="carousel"] .wishlist-button,
body [class*="carousel"] .wishlist-button-add,
body [class*="slider"] .wishlist-button,
body [class*="slider"] .wishlist-button-add {
  display: none !important;
}

body.page-product .codex-reference-heart {
  display: inline-flex !important;
  width: auto !important;
  min-width: 15px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #858585 !important;
  font: inherit !important;
  font-family: "Material Icons" !important;
  font-size: 15px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.page-product .codex-reference-heart:hover,
body.page-product .codex-reference-heart:focus-visible {
  color: #6338ff !important;
}

body.page-product .codex-reference-heart:focus-visible {
  outline: 2px solid rgba(99, 56, 255, 0.35) !important;
  outline-offset: 2px !important;
}

/* The reference badge follows the orange selected state from the design. */
body.page-product .aw-product-meta .ce-product-meta.codex-wishlist-active {
  border-color: #d59222 !important;
}

body.page-product .aw-product-meta .ce-product-meta.codex-wishlist-active .ce-product-meta__reference,
body.page-product .aw-product-meta .ce-product-meta.codex-wishlist-active .ce-product-meta__label,
body.page-product .aw-product-meta .ce-product-meta.codex-wishlist-active .ce-product-meta__value,
body.page-product .aw-product-meta .ce-product-meta.codex-wishlist-active .codex-reference-heart {
  color: #d59222 !important;
}