.wiz-wishlist {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: var(--wiz-radius-full, 50%);
    box-shadow: var(--wiz-shadow-sm);
    cursor: pointer;
    padding: 0;
    transition: background var(--wiz-transition-fast);
    -webkit-appearance: none;
    appearance: none;
}

.wiz-wishlist--top-right { top: var(--wiz-space-sm, 8px); right: var(--wiz-space-sm, 8px); }
.wiz-wishlist--top-left { top: var(--wiz-space-sm, 8px); left: var(--wiz-space-sm, 8px); }

.wiz-wishlist__icon {
    width: 18px;
    height: 18px;
}

/* Custom icons only (inner svg); default hearts carry the class themselves */
.wiz-wishlist__icon > svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
    stroke: currentColor;
}

/* Inactive: show outline, hide filled */
.wiz-wishlist .wiz-wishlist__icon--filled { display: none; }
.wiz-wishlist .wiz-wishlist__icon--outline { display: block; color: var(--wiz-color-text-muted); }

/* Active: show filled, hide outline */
.wiz-wishlist--active .wiz-wishlist__icon--filled { display: block; color: #ef4444; }
.wiz-wishlist--active .wiz-wishlist__icon--outline { display: none; }

/* Remove (X) icon — shown on the "My Wishlist" page instead of the heart */
.wiz-wishlist__icon--cross { display: block; color: var(--wiz-color-text, #000); }
.wiz-wishlist--remove[aria-disabled="true"] { opacity: 0.5; pointer-events: none; }