// source --> https://solarssk.com/wp-content/themes/ein-des-ein/template-parts/blocks/intro/block.js?ver=6.8.2 
// Tags H add circle to first letter
document.addEventListener("DOMContentLoaded", () => {
    document.querySelectorAll("h1").forEach((h) => {
        if (h.dataset.decorated) return;

        let firstTextNode = Array.from(h.childNodes).find(
            (node) =>
                node.nodeType === Node.TEXT_NODE && node.textContent.trim().length > 0
        );
        if (!firstTextNode) return;

        let text = firstTextNode.textContent.trim();
        let first = text.charAt(0);
        let rest = text.slice(1);

        let span = document.createElement("span");
        span.className = "decorated-letter";
        span.textContent = first;

        firstTextNode.textContent = rest;
        firstTextNode.parentNode.insertBefore(span, firstTextNode);

        h.dataset.decorated = "true";
    });
});