<script>
window.onload = function () {
    const galleries = document.querySelectorAll('.cutgallery .elementor-gallery__container');
    galleries.forEach(gallery => {
        const items = gallery.querySelectorAll('.e-gallery-item');
        const totalItems = items.length;
        const hiddenItemsCount = totalItems - 9;

        items.forEach((item, index) => {
            if (index >= 9) {
                item.style.display = 'none';
            }
        });

        if (hiddenItemsCount > 0 && items.length > 8) {
            const overlay = document.createElement('div');
            overlay.style.position = 'absolute';
            overlay.style.top = '0';
            overlay.style.left = '0';
            overlay.style.width = '100%';
            overlay.style.height = '100%';
            overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.15)';
            overlay.style.display = 'flex';
            overlay.style.justifyContent = 'center';
            overlay.style.alignItems = 'center';
            overlay.style.color = '#fff';
            overlay.style.fontSize = '18px';
            overlay.style.zIndex = '10'; // magasabb érték a láthatóságért

            const text = document.createElement('h2');
            text.style.margin = '0';
            text.textContent = `+${hiddenItemsCount}`;
            overlay.appendChild(text);

            const lastVisibleItem = items[8]; // A 9. elemre kerül az overlay
            lastVisibleItem.style.position = 'relative';
            lastVisibleItem.appendChild(overlay);
        }
    });
};
</script>