<footer class="bg-[#111111] text-gray-400 pt-16 pb-8 border-t-[5px] border-[var(--color-primary)] mt-12">
        <div class="max-w-7xl mx-auto px-4 grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
            <div class="footer-column text-sm opacity-80"><?php if (is_active_sidebar('footer-1')) dynamic_sidebar('footer-1'); ?></div>
            <div class="footer-column text-sm opacity-80"><?php if (is_active_sidebar('footer-2')) dynamic_sidebar('footer-2'); ?></div>
            <div class="footer-column text-sm opacity-80"><?php if (is_active_sidebar('footer-3')) dynamic_sidebar('footer-3'); ?></div>
        </div>

        <div class="max-w-7xl mx-auto px-4 border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center text-xs opacity-60">
            <p class="mb-4 md:mb-0 text-center md:text-left">
                <?php echo wp_kses_post(get_theme_mod('footer_copyright', '&copy; 2026 Wszelkie prawa zastrzeżone.')); ?>
                <span class="inline-block ml-2 pl-2 border-l border-gray-600">
                    Wykonanie: <a href="<?php echo esc_url('https://kumibox.net'); ?>" target="_blank" rel="noopener noreferrer" class="hover:text-white font-bold transition-colors">Kumibox</a>
                </span>
            </p>
            <div class="space-x-4 uppercase font-bold tracking-wider flex flex-wrap justify-center">
                <?php wp_nav_menu(array('theme_location' => 'topbar', 'fallback_cb' => false, 'container' => false, 'menu_class' => 'flex space-x-4')); ?>
            </div>
        </div>
    </footer>
    
    <script>
        // Obsługa menu mobilnego
        const mobileBtn = document.getElementById('mobile-menu-btn');
        const menuContainer = document.getElementById('primary-menu-container');
        
        if(mobileBtn && menuContainer) {
            mobileBtn.addEventListener('click', () => {
                menuContainer.classList.toggle('hidden');
                menuContainer.classList.toggle('absolute');
                menuContainer.classList.toggle('top-full');
                menuContainer.classList.toggle('left-0');
                menuContainer.classList.toggle('w-full');
                menuContainer.classList.toggle('bg-[var(--color-primary)]');
                menuContainer.classList.toggle('z-50');
                menuContainer.classList.toggle('shadow-lg');
                menuContainer.classList.toggle('mobile-menu-active');
            });
        }
    </script>
    
    <?php wp_footer(); ?>
</body>
</html>