/* Wishlist toggle + toast (includes/wishlist_button.html, static/js/wishlist.js). Scoped to .wl-* */

.wl-btn:disabled { opacity: .6; cursor: progress; }

/* card variant: round heart over the product image (positioning comes from .shop-wish) */
.wl-card .wl-btn.is-active { background: #FACC15; color: #0a0a0a; }
.wl-card .wl-btn.is-active:hover { background: #E6B800; }

/* text variant: "Add to Wishlist" link on the product page */
.wl-text { margin: 0; }
.wl-text .wl-btn {
    display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .1rem; border: 0; background: transparent;
    color: #511616; font-weight: 600; font-size: .93rem; cursor: pointer;
}
.wl-text .wl-btn:hover { color: #0a0a0a; text-decoration: underline; }
.wl-text .wl-btn.is-active i { color: #E6B800; }
.wl-text .wl-btn:focus-visible { outline: 2px solid #FACC15; outline-offset: 2px; }

.wl-toast {
    position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); z-index: 1100;
    max-width: calc(100vw - 32px); padding: .65rem 1.1rem; border-radius: 999px;
    background: #0a0a0a; color: #fff; font-size: .9rem; font-weight: 500; opacity: 0; pointer-events: none;
    transition: opacity .2s, transform .2s;
}
.wl-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
.wl-toast.is-error { background: #b91c1c; }
@media (prefers-reduced-motion: reduce) { .wl-toast { transition: none; } }