.LY-mentor_gradient {
  position: relative !important;
}

.LY-mentor_gradient canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
}

.LY-mentor_gradient .brxe-container {
  position: relative !important;
  z-index: 2 !important;
}

.LY-mentor_gradient .brxe-div {
  position: relative !important;
  z-index: 2 !important;
}

.LY-mentor_gradient .brxe-text {
  position: relative !important;
  z-index: 2 !important;
}

!function(){
    window.colorToUnicornId = {
        'gradient': 'FxAXkOQWVPM4CDN2zYiJ',
    };

    window.convertColorToId = function(color) {
        return window.colorToUnicornId[color.toLowerCase()] || color;
    };

    document.querySelectorAll('[LY-mentor]').forEach(function(el) {
        var value = el.getAttribute('LY-mentor');
        el.setAttribute('data-us-project', convertColorToId(value));
    });

    if(!window._animInit){
        window._animInit = {isInitialized:!1};
        var s = document.createElement("script");
        s.src = "//cdn.unicorn.studio/v1.4.0/unicornStudio.umd.js";
        s.async = true;
        s.onload = function(){
            if(!window._animInit.isInitialized){
                window[atob('VW5pY29yblN0dWRpbw==')].init();
                window._animInit.isInitialized = !0;
            }
        };
        document.head.appendChild(s);
    }
}();

function createPulseDot() {
    const elements = document.querySelectorAll('[data-pulse-dot]:not([data-pulse-initialized])');
    
    elements.forEach(element => {
        element.setAttribute('data-pulse-initialized', 'true');
        
        // Get custom attributes or use defaults
        const size = element.getAttribute('data-pulse-size') || '8';
        const color = element.getAttribute('data-pulse-color') || '#22c55e';
        const speed = element.getAttribute('data-pulse-speed') || '1.5';
        const scale = element.getAttribute('data-pulse-scale') || '2';
        const opacityRaw = element.getAttribute('data-pulse-opacity') || '100';
        const opacity = parseInt(opacityRaw) / 100;
        const spacing = element.getAttribute('data-pulse-spacing') || '8';
        const shadowEnabled = element.getAttribute('data-pulse-shadow-enabled') !== null ? 
            element.getAttribute('data-pulse-shadow-enabled') === 'true' : true;
        const shadowBlur = element.getAttribute('data-pulse-shadow-blur') || '10';
        const animationStyle = element.getAttribute('data-pulse-animation-style') || 'fade';
        const timingFunction = element.getAttribute('data-pulse-timing-function') || 'cubic-bezier(0.4, 0, 0.6, 1)';
        const pauseOnHover = element.getAttribute('data-pulse-pause-hover') !== null ? 
            element.getAttribute('data-pulse-pause-hover') === 'true' : false;
        
        // Create dot element
        const dot = document.createElement('span');
        dot.className = 'status-pulse-dot';
        dot.style.cssText = `
            position: relative;
            display: inline-block;
            width: ${size}px;
            height: ${size}px;
            background: ${color};
            border-radius: 50%;
            margin-right: ${spacing}px;
            vertical-align: middle;
            opacity: ${opacity};
            ${shadowEnabled ? `box-shadow: 0 0 ${shadowBlur}px ${color};` : ''}
        `;
        
        // Generate unique animation name
        const animationId = 'pulse_' + Math.random().toString(36).substr(2, 9);
        
        // Create animations based on style
        let keyframes = '';
        if (animationStyle === 'fade') {
            keyframes = `
                @keyframes ${animationId} {
                    0% { transform: scale(1); opacity: ${opacity}; }
                    100% { transform: scale(${scale}); opacity: 0; }
                }
            `;
            const pulse = document.createElement('span');
            pulse.style.cssText = `
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: inherit;
                border-radius: inherit;
                animation: ${animationId} ${speed}s ${timingFunction} infinite;
            `;
            dot.appendChild(pulse);
        } else if (animationStyle === 'grow') {
            keyframes = `
                @keyframes ${animationId} {
                    0%, 100% { transform: scale(1); }
                    50% { transform: scale(${scale}); }
                }
            `;
            dot.style.animation = `${animationId} ${speed}s ${timingFunction} infinite`;
        } else if (animationStyle === 'both') {
            keyframes = `
                @keyframes ${animationId} {
                    0% { transform: scale(1); opacity: ${opacity}; }
                    50% { transform: scale(${scale}); opacity: ${opacity / 2}; }
                    100% { transform: scale(1); opacity: ${opacity}; }
                }
            `;
            const pulse = document.createElement('span');
            pulse.style.cssText = `
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background: inherit;
                border-radius: inherit;
                animation: ${animationId} ${speed}s ${timingFunction} infinite;
            `;
            dot.appendChild(pulse);
        } else if (animationStyle === 'double') {
            keyframes = `
                @keyframes ${animationId} {
                    0% { transform: scale(1); opacity: ${opacity}; }
                    100% { transform: scale(${scale}); opacity: 0; }
                }
            `;
            for (let i = 0; i < 2; i++) {
                const pulse = document.createElement('span');
                pulse.style.cssText = `
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: inherit;
                    border-radius: inherit;
                    animation: ${animationId} ${speed}s ${timingFunction} infinite;
                    ${i === 1 ? `animation-delay: ${parseFloat(speed) / 2}s;` : ''}
                `;
                dot.appendChild(pulse);
            }
        }
        
        // Inject keyframes
        if (keyframes) {
            const style = document.createElement('style');
            style.textContent = keyframes;
            document.head.appendChild(style);
        }
        
        // Add pause on hover functionality
        if (pauseOnHover) {
            element.addEventListener('mouseenter', () => {
                dot.style.animationPlayState = 'paused';
                dot.querySelectorAll('span').forEach(span => {
                    span.style.animationPlayState = 'paused';
                });
            });
            
            element.addEventListener('mouseleave', () => {
                dot.style.animationPlayState = 'running';
                dot.querySelectorAll('span').forEach(span => {
                    span.style.animationPlayState = 'running';
                });
            });
        }
        
        // Insert dot and setup element display
        element.insertBefore(dot, element.firstChild);
        element.style.display = 'inline-flex';
        element.style.alignItems = 'center';
    });
}

// Initialize on DOM ready or immediately if already loaded
if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', createPulseDot);
} else {
    createPulseDot();
}

// Also run on dynamic content changes (optional)
const observer = new MutationObserver(() => {
    createPulseDot();
});

observer.observe(document.body, {
    childList: true,
    subtree: true
});