/**
 * SVG Color Frontend Handler
 * 
 * Handles SVG color changes on the frontend website
 */

document.addEventListener('DOMContentLoaded', function() {
    console.log('🎨 SVG Text Color Debug');
    
    // Function to analyze WordPress color application
    function analyzeColorApplication() {
        const imageBlocks = document.querySelectorAll('.wp-block-image');
        console.log(`Found ${imageBlocks.length} image blocks`);
        
        imageBlocks.forEach((block, index) => {
            console.log(`Block ${index + 1}:`, {
                classes: block.className,
                style: block.getAttribute('style'),
                hasColorClass: block.className.includes('has-') && block.className.includes('-color'),
                hasTextColor: block.className.includes('has-text-color'),
                computedColor: window.getComputedStyle(block).color
            });
        });
    }
    
    // Run initial analysis
    analyzeColorApplication();
    
    // Make function available globally for testing
    window.analyzeColors = analyzeColorApplication;
    
    console.log('✅ Run analyzeColors() in console to debug color application');
});