/**
 * Fancybox 3 Configuration for SimDiscount
 * Handles responsive iframes and popups
 */

$(document).ready(function(){
    // Fancybox 3 initialization with responsive settings
    $('[data-fancybox]').fancybox({
        // Remove all margins/padding for iframes
        margin: 0,
        padding: 0,

        // Responsive width settings
        width: window.innerWidth < 768 ? '100%' : 'auto',
        height: 'auto',
        autoSize: true,
        maxWidth: '95%',
        maxHeight: '95vh',

        // Animation settings
        animationEffect: 'fade',
        animationDuration: 300,

        // Touch support
        touch: true,

        // Mobile optimization
        on: {
            init: function(instance) {
                // Mobile: full viewport width
                if (window.innerWidth < 768) {
                    instance.$container.style.width = '100%';
                    instance.$container.style.maxWidth = '100%';
                    instance.$container.style.margin = '0';
                } else {
                    // Desktop: constrained width, centered
                    instance.$container.style.maxWidth = '1200px';
                    instance.$container.style.margin = '0 auto';
                }
            },

            // Adjust on window resize
            reveal: function(instance) {
                if (window.innerWidth < 768) {
                    instance.$content.style.width = '100%';
                    instance.$content.style.maxWidth = '100%';
                } else {
                    // Desktop: let content resize based on its children
                    instance.$content.style.width = 'auto';
                    instance.$content.style.maxWidth = '100%';
                }
            }
        }
    });
});