window.addEventListener('load', function() {
// Verifica se esistono elementi con classe .has-tooltip
const tooltipElements = document.querySelectorAll('.has-tooltip');
if (tooltipElements.length > 0) {
    // TOOLTIP
    
    // Funzione globale per chiudere tutti i tooltip
    function closeAllTooltips(exceptElement = null) {
        tooltipElements.forEach(function(wrapper) {
            if (wrapper !== exceptElement && wrapper.classList.contains('is-visible')) {
                const tooltip = wrapper.querySelector('.rtds-tooltip');
                wrapper.classList.remove('is-visible');
                // Reset dello stato click attivo
                wrapper.setAttribute('data-click-active', 'false');
                // Reset alle classi di default quando nascosto
                tooltip.classList.remove('is-left-aligned', 'is-right-aligned');
                if (!tooltip.classList.contains('is-centered')) {
                    tooltip.classList.add('is-centered');
                }
                wrapper.setAttribute('data-positioned', 'false');
            }
        });
    }
    tooltipElements.forEach(function (tooltipWrapper) {
        const triggerButton = tooltipWrapper.querySelector('.rtds-tooltip-button');
        const tooltip = tooltipWrapper.querySelector('.rtds-tooltip');
        let isClickActive = false;
        let isPositioned = false; // Flag per evitare ricalcoli inutili

        function handleTooltipPosition() {
            // Se già posizionato, non ricalcolare a meno che non sia resize
            if (isPositioned && arguments[0] !== 'resize') {
                return;
            }
            
            // Controlla anche il data attribute per casi come ESC
            if (tooltipWrapper.getAttribute('data-positioned') === 'true' && arguments[0] !== 'resize') {
                isPositioned = true;
                return;
            }
            
            // Reset solo delle classi di allineamento speciali, mantieni is-centered per i calcoli
            tooltip.classList.remove('is-left-aligned', 'is-right-aligned');
            // Assicurati che abbia is-centered per i calcoli corretti
            if (!tooltip.classList.contains('is-centered')) {
                tooltip.classList.add('is-centered');
            }
            
            // Rendi il tooltip temporaneamente visibile per il calcolo ma con opacity 0
            const wasVisible = tooltipWrapper.classList.contains('is-visible');
            if (!wasVisible) {
                tooltip.style.visibility = 'visible';
                tooltip.style.opacity = '0';
                tooltip.style.padding = 'var(--_tooltip-padding-block) var(--_tooltip-padding-inline)';
            }
            
            requestAnimationFrame(() => {
                var ww = window.innerWidth;
                var rect = tooltip.getBoundingClientRect();
                var tl = rect.left;
                var tw = tooltip.offsetWidth;
                var tooltipWrapperWidth = tooltipWrapper.offsetWidth;
                var tr = tl + tw;

                if (tl < 10) {
                    tooltip.style.setProperty('--wrapper-width', tooltipWrapperWidth + 'px');
                    tooltip.classList.remove('is-centered');
                    tooltip.classList.add('is-left-aligned');
                } else if (tr > (ww - 10)) {
                    tooltip.style.setProperty('--wrapper-width', tooltipWrapperWidth + 'px');
                    tooltip.classList.remove('is-centered');
                    tooltip.classList.add('is-right-aligned');
                } else {
                    // Caso default: tooltip centrato - mantiene is-centered già presente
                    // Non fa nulla, is-centered rimane applicata
                }
                
                // Ripristina lo stato originale se il tooltip non era visibile
                if (!wasVisible) {
                    tooltip.style.visibility = '';
                    tooltip.style.opacity = '';
                    tooltip.style.padding = '';
                }
                
                // Marca come posizionato
                isPositioned = true;
                tooltipWrapper.setAttribute('data-positioned', 'true');
            });
        }

        // Il posizionamento viene ora calcolato dinamicamente quando serve

        // Gestione resize della finestra - ricalcola sempre e resetta il flag
        window.addEventListener('resize', function() {
            isPositioned = false; // Resetta il flag per forzare il ricalcolo
            tooltipWrapper.setAttribute('data-positioned', 'false');
            if (tooltipWrapper.classList.contains('is-visible')) {
                handleTooltipPosition('resize');
            }
        });

        // Gestione click sul bottone
        triggerButton.addEventListener('click', function (e) {
            isClickActive = true;
            tooltipWrapper.setAttribute('data-click-active', 'true');
            // Chiudi tutti gli altri tooltip prima di mostrare questo
            closeAllTooltips(tooltipWrapper);
            // Pre-calcola la posizione PRIMA di rendere visibile il tooltip
            handleTooltipPosition();
            // Ora rendi visibile il tooltip con la posizione già corretta
            tooltipWrapper.classList.add('is-visible');
        });

        // Gestione hover del mouse con timeout per permettere il passaggio tra trigger e tooltip
        let hoverTimeout;
        
        function showTooltip() {
            // Sincronizza lo stato locale con il data attribute
            const clickActiveAttr = tooltipWrapper.getAttribute('data-click-active');
            if (clickActiveAttr === 'false') {
                isClickActive = false;
            }
            
            if (!isClickActive) {
                clearTimeout(hoverTimeout);
                
                // Apertura immediata - rimozione del delay
                // Chiudi tutti gli altri tooltip prima di mostrare questo
                closeAllTooltips(tooltipWrapper);
                // Pre-calcola la posizione PRIMA di rendere visibile il tooltip
                handleTooltipPosition();
                // Ora rendi visibile il tooltip con la posizione già corretta
                tooltipWrapper.classList.add('is-visible');
            }
        }
        
        function hideTooltip() {
            // Sincronizza lo stato locale con il data attribute
            const clickActiveAttr = tooltipWrapper.getAttribute('data-click-active');
            if (clickActiveAttr === 'false') {
                isClickActive = false;
            }
            
            if (!isClickActive) {
                hoverTimeout = setTimeout(() => {
                    tooltipWrapper.classList.remove('is-visible');
                    // Reset alle classi di default quando nascosto per evitare stati inconsistenti
                    tooltip.classList.remove('is-left-aligned', 'is-right-aligned');
                    if (!tooltip.classList.contains('is-centered')) {
                        tooltip.classList.add('is-centered');
                    }
                    // Reset del flag per permettere il ricalcolo al prossimo hover
                    isPositioned = false;
                    tooltipWrapper.setAttribute('data-positioned', 'false');
                }, 1000); // Delay di 1 secondo per la chiusura
            }
        }

        // Eventi hover sul trigger
        triggerButton.addEventListener('mouseenter', showTooltip);
        triggerButton.addEventListener('mouseleave', hideTooltip);
        
        // Eventi hover sul tooltip stesso
        tooltip.addEventListener('mouseenter', showTooltip);
        tooltip.addEventListener('mouseleave', hideTooltip);

        // Gestione click fuori dal tooltip
        document.addEventListener('click', function(e) {
            if (isClickActive && !tooltipWrapper.contains(e.target)) {
                isClickActive = false;
                tooltipWrapper.setAttribute('data-click-active', 'false');
                tooltipWrapper.classList.remove('is-visible');
                // Reset alle classi di default quando nascosto
                tooltip.classList.remove('is-left-aligned', 'is-right-aligned');
                if (!tooltip.classList.contains('is-centered')) {
                    tooltip.classList.add('is-centered');
                }
                // Reset del flag per permettere il ricalcolo al prossimo hover
                isPositioned = false;
                tooltipWrapper.setAttribute('data-positioned', 'false');
            }
        });

        // Gestione focus con tastiera (Enter)
        triggerButton.addEventListener('keydown', function (e) {
            if (e.key === 'Enter') {
                // Chiudi tutti gli altri tooltip prima di mostrare questo
                closeAllTooltips(tooltipWrapper);
                // Pre-calcola la posizione PRIMA di rendere visibile il tooltip
                handleTooltipPosition();
                // Ora rendi visibile il tooltip con la posizione già corretta
                tooltipWrapper.classList.add('is-visible');
            }
        });

        // Gestione focus generico
        triggerButton.addEventListener('focusin', function (e) {
            // Apertura immediata anche per focus
            // Chiudi tutti gli altri tooltip prima di mostrare questo
            closeAllTooltips(tooltipWrapper);
            // Pre-calcola la posizione PRIMA di rendere visibile il tooltip
            handleTooltipPosition();
            // Ora rendi visibile il tooltip con la posizione già corretta
            tooltipWrapper.classList.add('is-visible');
        });

        // Gestione perdita focus
        triggerButton.addEventListener('focusout', function (e) {
            // Verifichiamo che il nuovo elemento di focus non sia all'interno del tooltip wrapper
            if (!tooltipWrapper.contains(e.relatedTarget)) {
                tooltipWrapper.classList.remove('is-visible');
                // Reset alle classi di default quando nascosto
                tooltip.classList.remove('is-left-aligned', 'is-right-aligned');
                if (!tooltip.classList.contains('is-centered')) {
                    tooltip.classList.add('is-centered');
                }
                // Reset del flag per permettere il ricalcolo al prossimo hover
                isPositioned = false;
                tooltipWrapper.setAttribute('data-positioned', 'false');
            }
        });
    });

    // Gestione tasto ESC
    document.addEventListener('keydown', function (e) {
        if (e.key === "Escape") {
            // Troviamo il tooltip attualmente attivo
            const activeTooltipWrapper = document.querySelector('.has-tooltip.is-visible');
            if (activeTooltipWrapper) {
                const activeTooltip = activeTooltipWrapper.querySelector('.rtds-tooltip');
                activeTooltipWrapper.classList.remove('is-visible');
                // Reset alle classi di default quando nascosto
                activeTooltip.classList.remove('is-left-aligned', 'is-right-aligned');
                if (!activeTooltip.classList.contains('is-centered')) {
                    activeTooltip.classList.add('is-centered');
                }
                // Reset del flag per permettere il ricalcolo al prossimo hover
                activeTooltipWrapper.setAttribute('data-positioned', 'false');
                // Manteniamo il focus sul bottone trigger
                activeTooltipWrapper.querySelector('.rtds-tooltip-button').focus();
            }
        }
    });
}
}); // end window.load