/* Rogue re-brand for the MP13 Wishlist dropdown/trigger (theme-side override — no
   plugin edits). The plugin skins everything via --mp13w-c-* vars (which fall back
   to the old Yammy tahini/cream palette), so remapping them at :root re-skins the
   whole thing to the dark Rogue palette. */
:root {
	--mp13w-c-bg:     #121212;                 /* dropdown surface — charcoal (was tahini cream) */
	--mp13w-c-ink:    #FFFFFF;                 /* primary text */
	--mp13w-c-ink-2:  #B8B8B8;                 /* secondary text */
	--mp13w-c-accent: #A9CF3F;                 /* volt green — badge / view-all */
	--mp13w-c-brick:  #DB1E79;                 /* remove / active heart → pink */
	--mp13w-c-sage:   #A9CF3F;                 /* view-all hover → volt */
	--mp13w-c-line:   rgba(255, 255, 255, 0.10);
	--mp13w-c-shadow: rgba(0, 0, 0, 0.5);
}

/* FONT: force Montserrat (plugin uses Yammy --ff-body/--ff-display). */
.mp13-wishlist-trigger,
.mp13-wishlist-trigger *,
.mp13-wishlist-dropdown,
.mp13-wishlist-dropdown * { font-family: "Montserrat", sans-serif !important; }

/* Dropdown panel: dark glass + volt border (matches the account dropdown) */
.mp13-wishlist-dropdown {
	background: rgba(18, 18, 18, 0.92) !important;
	color: #fff !important;
	border: 1px solid rgba(169, 207, 63, 0.28) !important;
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
	box-shadow: 0 2vh 5vh rgba(0, 0, 0, 0.5), 0 0 30px rgba(123, 74, 168, 0.25) !important;
}
/* the little arrow/notch inherits bg via 'inherit' — force dark */
.mp13-wishlist-dropdown::before { background: rgba(18, 18, 18, 0.92) !important; }

.mp13-wishlist-dropdown__title { color: #fff !important; }

/* item cards: the plugin paints them white (hsla(0,0%,100%,.5)/#fff) — go dark */
.mp13-wishlist-dropdown__card { background: rgba(255, 255, 255, 0.05) !important; color: #fff !important; }
.mp13-wishlist-dropdown__card:hover,
.mp13-wishlist-dropdown__card:focus-visible { background: rgba(169, 207, 63, 0.12) !important; }
.mp13-wishlist-dropdown__thumb { background: rgba(255, 255, 255, 0.06) !important; }
.mp13-wishlist-dropdown__name { color: #fff !important; }
.mp13-wishlist-dropdown__price { color: #A9CF3F !important; }
.mp13-wishlist-dropdown__empty { color: #B8B8B8 !important; }

/* view-all pill → volt with black text */
.mp13-wishlist-dropdown__view-all {
	background: var(--rg-volt, #A9CF3F) !important;
	color: #000 !important;
}
.mp13-wishlist-dropdown__view-all:hover,
.mp13-wishlist-dropdown__view-all:focus-visible {
	background: var(--rg-violet, #7B4AA8) !important;   /* brand violet, no off-brand green */
	color: #fff !important;
}

/* remove (×) button */
.mp13-wishlist-dropdown__remove { color: #B8B8B8 !important; }
.mp13-wishlist-dropdown__remove:hover { background: #DB1E79 !important; color: #fff !important; }

/* header trigger heart → volt, IDENTICAL to the other header icons.
   The plugin renders a 20px, stroke-width:2.2 heart (bigger + fatter). Match the
   theme icons exactly: same box size (.rg-icon svg → 2.4vw / 22px min) and the same
   thin stroke (1.3). */
.mp13-wishlist-trigger__btn { color: #A9CF3F !important; }
.mp13-wishlist-trigger__btn svg {
	width: 2.4vw !important; height: 2.4vw !important;
	min-width: 22px !important; min-height: 22px !important;
	stroke-width: 1.3 !important;
}
/* hover → PURPLE (brand violet), not a random green */
.mp13-wishlist-trigger:hover .mp13-wishlist-trigger__btn,
.mp13-wishlist-trigger:focus-within .mp13-wishlist-trigger__btn { color: #7B4AA8 !important; }

/* Wishlist COUNT badge → match the theme cart badge exactly (see .rg-badge):
   bigger + closer to the heart. */
.mp13-wishlist-trigger__badge {
	top: -0.6vh !important; right: -0.5vw !important;
	min-width: 20px !important; height: 2vh !important; min-height: 20px !important;
	padding: 0 0.4vh !important;
	font-size: 1.3vh !important; font-weight: 800 !important; line-height: 1 !important;
	display: grid !important; place-items: center !important;
	background: #A9CF3F !important; color: #000 !important;
	border: 2px solid #121212 !important;
}