<script>
document.addEventListener("DOMContentLoaded", function(e) {
    function applyObserverOnlyWhenNodeAvailable() {
        const wishCountEl = document.querySelector('[data-content="wish-count"]');
        const currentWishCount = parseWishCount(wishCountEl);

        if(currentWishCount === 0) {
            toggleWishCount(currentWishCount, wishCountEl);
        }

        const wishListObserver = new MutationObserver(function(mutations) {
            mutations.forEach(function(mutation) {
                if (mutation.type === "childList") {
                    const wishCount = parseWishCount(wishCountEl);

                    toggleWishCount(wishCount, wishCountEl);
                }
            });
        });

        if (!wishCountEl) {
            window.setTimeout(applyObserverOnlyWhenNodeAvailable, 500);
            return;
        }

        const wishListObserverConfig = {
            childList: true,
            subtree: true
        };

        wishListObserver.observe(wishCountEl, wishListObserverConfig);
    }

    function parseWishCount(wishElement) {
        return parseInt(wishElement.innerText);
    }

    function toggleWishCount(wishCount, wishCountEl) {
        if (wishCount === 0) {
            wishCountEl.parentNode.style.display = "none";
        } else {
            wishCountEl.parentNode.style.display = "flex";
        }
    }

    applyObserverOnlyWhenNodeAvailable();
});
</script>