/*
 * Matches the minicart's own counter badge look (16x16 circle, same
 * position/offset pattern) - see .minicart-wrapper .action.showcart
 * .counter.qty in the theme's custom.css - rather than inventing a new
 * visual style for an equivalent badge. Scoped to a.wishlist specifically
 * since that's the plain static heart-icon link this module inserts the
 * badge into (see wishlist-counter.js); it's never present in the theme's
 * own markup.
 *
 * Deliberately NOT named ".counter.qty" (what the minicart uses) - see the
 * comment in wishlist-counter.js for why: a core mixin auto-overwrites any
 * ".wishlist .counter.qty" element's text with its own phrase ("1 item")
 * whenever Magento_Wishlist/js/view/wishlist happens to be active
 * elsewhere on the page.
 */
a.wishlist {
    position: relative;
}

a.wishlist .magemonkeys-wishlist-counter {
    position: absolute;
    top: -5px;
    right: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    overflow: hidden;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    background-color: #1a2149;
    padding: 0;
}

a.wishlist .magemonkeys-wishlist-counter._empty {
    display: none;
}