/**
 * Global wishlist control sizing — loaded on all FO pages with blockwishlist assets.
 */
:root {
  --wm-wishlist-btn-size: 30px;
  --wm-wishlist-icon-size: 17px;
  --wm-wishlist-btn-radius: 7px;
  --wm-wishlist-icon-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
  --wm-wishlist-icon-filled: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='none'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
}

.wishlist-button-add,
.wm-wishlist-icon-btn {
  width: var(--wm-wishlist-btn-size);
  height: var(--wm-wishlist-btn-size);
  min-width: var(--wm-wishlist-btn-size);
  border-radius: var(--wm-wishlist-btn-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: static;
  top: auto;
  right: auto;
}

.wm-wishlist-icon-btn .wm-icon,
.wm-tool-link--wish .wm-icon {
  width: var(--wm-wishlist-icon-size);
  height: var(--wm-wishlist-icon-size);
}

.wishlist-button-add i.material-icons {
  font-size: 0 !important;
  line-height: 0;
  width: var(--wm-wishlist-icon-size);
  height: var(--wm-wishlist-icon-size);
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: var(--wm-wishlist-icon-outline) center / contain no-repeat;
  mask: var(--wm-wishlist-icon-outline) center / contain no-repeat;
}

.wishlist-button[data-checked="true"] .wishlist-button-add i.material-icons {
  -webkit-mask-image: var(--wm-wishlist-icon-filled);
  mask-image: var(--wm-wishlist-icon-filled);
  background-color: var(--color-danger, #e53935);
}

.products article .wishlist-button-add {
  position: static;
  top: auto;
  right: auto;
}

/* Product cards — override blockwishlist default circle (2.5rem). */
.wm-cat-card__wishlist .wishlist-button-add,
.wm-cat-row__wishlist .wishlist-button-add,
.wm-direct-card__wishlist-wrap .wishlist-button-add,
.wm-cat-deal__wishlist .wishlist-button-add,
.wm-sponsored__foot-actions .wishlist-button-add,
.products article .wishlist-button-add {
  width: var(--wm-wishlist-btn-size);
  height: var(--wm-wishlist-btn-size);
  min-width: var(--wm-wishlist-btn-size);
  min-height: var(--wm-wishlist-btn-size);
  border-radius: var(--wm-wishlist-btn-radius);
  box-shadow: none;
  background: var(--wm-surface-muted, #f3f4f6);
  border: 0;
  padding: 0;
}

/* Native blockwishlist toast — replaced by compare-style commerce toast in main.js */
.wishlist-toast {
  display: none !important;
}

.wm-card--overlay .wm-card__wishlist .wishlist-button-add,
.wm-card__wishlist .wishlist-button-add {
  background: var(--wm-surface-muted, #f3f4f6);
}

/* Create-new wishlist modal link — Material Icons font often absent */
.wishlist-add-to-new {
  display: inline-flex !important;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.wishlist-add-to-new.text-primary,
a.wishlist-add-to-new {
  color: var(--color-primary, #0057D9) !important;
}
.wishlist-add-to-new i.material-icons {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8'/%3E%3Cpath d='M8 12h8'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wishlist-button-add[data-wm-busy="1"] {
  opacity: 0.65;
  pointer-events: none;
}


/* PDP wishlist control — no padding, compact icon button */
.wm-pdp-config__wishlist .wishlist-button,
.wm-pdp-config__wishlist .wishlist-button-add,
.wm-pdp-config__wishlist .wishlist-button-product,
.wm-pdp-breadcrumb__wishlist .wishlist-button-add,
.wm-pdp-breadcrumb__wishlist .wishlist-button-product {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--wm-wishlist-btn-radius, 7px) !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.wm-pdp-config__wishlist .wishlist-button-add i.material-icons,
.wm-pdp-config__wishlist .wishlist-button-product i.material-icons,
.wm-pdp-breadcrumb__wishlist .wishlist-button-add i.material-icons,
.wm-pdp-breadcrumb__wishlist .wishlist-button-product i.material-icons {
  font-size: 0 !important;
  line-height: 0 !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  display: inline-block;
  background-color: currentColor;
  -webkit-mask: var(--wm-wishlist-icon-outline) center / contain no-repeat;
  mask: var(--wm-wishlist-icon-outline) center / contain no-repeat;
}

.wm-pdp-config__wishlist .wishlist-button[data-checked="true"] .wishlist-button-add i.material-icons,
.wm-pdp-config__wishlist .wishlist-button[data-checked="true"] .wishlist-button-product i.material-icons,
.wm-pdp-config__wishlist .wishlist-button-product[aria-pressed="true"] i.material-icons {
  -webkit-mask-image: var(--wm-wishlist-icon-filled);
  mask-image: var(--wm-wishlist-icon-filled);
  background-color: var(--color-danger, #e53935);
}