/* TMD Wishlist — site-wide scoped styles.
 * Only three things ship everywhere: the header count badge, the PDP heart
 * "active" fill, and the feedback toast. No generic-element selectors → no
 * site-wide pollution. Tokens come from the theme's global base.css :root. */

/* ---- header heart count badge (mirrors .cart-count, danger accent) ---- */
.header-actions .icon-btn--wishlist{ position:relative; }
.wl-count{
	position:absolute; top:4px; right:4px; min-width:18px; height:18px; padding:0 4px;
	background:var(--color-danger); color:var(--color-on-primary); border-radius:var(--radius-pill);
	font-size:.7rem; font-weight:700; display:flex; align-items:center; justify-content:center;
	font-family:var(--font-body); line-height:1; pointer-events:none;
}
.site-header .wl-count{ background:var(--color-danger); color:#fff; }
.wl-count[hidden]{ display:none !important; }

/* ---- PDP heart toggle (the existing "Favorite" control, enhanced) ---- */
.tmd-wl-pdp-heart{ cursor:pointer; }
.tmd-wl-pdp-heart.is-fav{ border-color:var(--color-danger); color:var(--color-danger); }
.tmd-wl-pdp-heart.is-fav .icon{ fill:var(--color-danger); stroke:var(--color-danger); }

/* ---- feedback toast ---- */
.tmd-wl-toast{
	position:fixed; left:50%; bottom:24px; transform:translate(-50%, 16px);
	background:var(--color-text-primary); color:var(--color-on-primary);
	font-family:var(--font-body); font-size:var(--fs-small); font-weight:600;
	padding:10px 18px; border-radius:var(--radius-pill); box-shadow:var(--shadow-card-hover);
	opacity:0; pointer-events:none; z-index:var(--z-totop, 400);
	transition:opacity .24s ease, transform .24s ease; max-width:calc(100vw - 32px); text-align:center;
}
.tmd-wl-toast.is-visible{ opacity:1; transform:translate(-50%, 0); }
@media (prefers-reduced-motion: reduce){ .tmd-wl-toast{ transition:none; } }