/* TMD Wishlist — site-wide scoped styles.
 * Only two things ship everywhere: the header count badge and the PDP heart
 * "active" fill. No generic-element selectors → no site-wide pollution.
 * Tokens come from the theme's global base.css :root.
 * D.12/S25 fix (2026-08-03): the plugin's OWN feedback toast (.tmd-wl-toast)
 * was removed — wishlist.js now calls the site's unified window.TMDToast
 * instead (assets/js/toast.js in the theme), same as every other action. */

/* ---- 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); }