<?php
// Get service categories and services for footer
if (!function_exists('get_db_connection')) {
    require_once $_SERVER['DOCUMENT_ROOT'] . '/config.php';
}

$conn = get_db_connection();
$footer_categories_result = $conn->query("SELECT c.*, COUNT(s.id) as service_count 
    FROM service_categories c 
    LEFT JOIN services s ON c.id = s.category_id 
    GROUP BY c.id 
    ORDER BY c.display_order ASC, c.name ASC");
$footer_categories = [];
if ($footer_categories_result) {
    while ($row = $footer_categories_result->fetch_assoc()) {
        $footer_categories[] = $row;
    }
}

// Get services grouped by category for footer
$footer_services_by_category = [];
foreach ($footer_categories as $category) {
    $category_id = (int) $category['id'];
    $services_stmt = $conn->prepare("SELECT * FROM services WHERE category_id = ? ORDER BY display_order ASC, id ASC");
    if ($services_stmt) {
        $services_stmt->bind_param("i", $category_id);
        $services_stmt->execute();
        $services_result = $services_stmt->get_result();
        $footer_services_by_category[$category_id] = [];
        while ($service_row = $services_result->fetch_assoc()) {
            $footer_services_by_category[$category_id][] = $service_row;
        }
        $services_stmt->close();
    }
}
?>
<style>
/* Mobile full-width bottom call button */
@media (max-width: 767px) {
  .elementor-element-56a70ec {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: translateY(40px) !important; /* 👈 pushes it DOWN */
  }

  .elementor-element-56a70ec .elementor-button {
    width: 100% !important;
    justify-content: center;
    padding: 16px 0 !important;
    border-radius: 12px !important;
  }
}


    /* Footer Styles */
    footer {
        background-color:
            <?php echo get_footer_bg_color(); ?>
        ;
        color:
            <?php echo get_footer_text_color(); ?>
        ;
        padding: 60px 0 20px;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        line-height: 1.6;
    }

    .footer-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
        gap: 40px;
    }

    .footer-col h2,
    .footer-col h3 {
        color:
            <?php echo get_footer_heading_color(); ?>
        ;
        margin-bottom: 20px;
        font-weight: 700;
        margin-top: 0;
    }

    .footer-col h2 {
        font-size: 24px;
    }

    .footer-col h3 {
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .footer-desc {
        margin-bottom: 20px;
        opacity: 0.9;
    }

    .social-icons {
        display: flex;
        gap: 15px;
    }

    .social-icons a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.1);
        color:
            <?php echo get_footer_text_color(); ?>
        ;
        border-radius: 50%;
        transition: all 0.3s ease;
        text-decoration: none;
    }

    .social-icons a:hover {
        background-color:
            <?php echo get_primary_color(); ?>
        ;
        transform: translateY(-3px);
        color: #fff;
    }

    .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .footer-links li {
        margin-bottom: 12px;
    }

    .footer-links a {
        color:
            <?php echo get_footer_link_color(); ?>
        ;
        text-decoration: none;
        transition: all 0.3s ease;
        display: inline-block;
    }

    .footer-links a:hover {
        color:
            <?php echo get_primary_color(); ?>
        ;
        padding-left: 5px;
    }

    .contact-item {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .contact-item i {
        color:
            <?php echo get_primary_color(); ?>
        ;
        font-size: 18px;
        margin-right: 15px;
        margin-top: 5px;
        width: 20px;
        text-align: center;
    }

    .contact-item div {
        display: flex;
        flex-direction: column;
    }

    .contact-item strong {
        color:
            <?php echo get_footer_heading_color(); ?>
        ;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .contact-item a,
    .contact-item span {
        color:
            <?php echo get_footer_text_color(); ?>
        ;
        text-decoration: none;
    }

    .contact-item a:hover {
        color:
            <?php echo get_primary_color(); ?>
        ;
    }

    .footer-bottom {
        max-width: 1200px;
        margin: 60px auto 0;
        padding-top: 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
        font-size: 14px;
    }

    .footer-bottom a {
        color:
            <?php echo get_footer_text_color(); ?>
        ;
        text-decoration: none;
    }

    .footer-bottom a:hover {
        color:
            <?php echo get_primary_color(); ?>
        ;
    }

    .payment-icons {
        display: flex;
        gap: 10px;
        font-size: 24px;
        color: #fff;
        opacity: 0.8;
    }

    .payment-icons i {
        transition: transform 0.3s ease;
    }

    .payment-icons i:hover {
        transform: scale(1.1);
        color:
            <?php echo get_primary_color(); ?>
        ;
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .footer-container {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 768px) {
        .footer-container {
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .footer-bottom {
            flex-direction: column;
            text-align: center;
        }

        .social-icons {
            justify-content: flex-start;
        }
    }
</style>

<footer>
    <div class="footer-container">
        <!-- Brand Column -->
        <div class="footer-col brand-col">
            <h2><?php echo get_website_name(); ?></h2>
            <p class="footer-desc"><?php echo get_website_name(); ?> offers affordable pricing for all of our services
                and work that is done by a licensed and bonded team. We always strive to give the best experience to our
                customers.</p>
            <div class="social-icons">
                <a href="#" target="_blank" aria-label="Google"><i class="fab fa-google"></i></a>
                <a href="#" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
                <a href="#" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                <a href="#" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                <a href="#" target="_blank" aria-label="Pinterest"><i class="fab fa-pinterest"></i></a>
                <a href="#" target="_blank" aria-label="LinkedIn"><i class="fab fa-linkedin"></i></a>
            </div>
        </div>

        <!-- Quick Menu -->
        <div class="footer-col">
            <h3>Quick Menu</h3>
            <ul class="footer-links">
                <li><a href="/">Home</a></li>
                <li><a href="/our-services/">Our Services</a></li>
                <li><a href="/our-locations/">Our Locations</a></li>
                <li><a href="/our-work/">Our Work</a></li>
                <li><a href="/about-us/">About Us</a></li>
                <li><a href="/contact-us/">Contact Us</a></li>
                <li><a href="/faq/">FAQ’s</a></li>
            </ul>
        </div>

        <!-- Services -->
        <div class="footer-col">
            <h3>Our Services</h3>
            <ul class="footer-links">
                <?php foreach ($footer_categories as $category): ?>
                    <li><a href="/our-services/"><?php echo htmlspecialchars($category['name']); ?></a></li>
                <?php endforeach; ?>
            </ul>
        </div>

        <!-- Contact Info -->
        <div class="footer-col">
            <h3>Contact Info</h3>
            <div class="contact-item">
                <i class="fas fa-phone-alt"></i>
                <div>
                    <strong>Phone Number:</strong>
                    <a href="tel:<?php echo get_phone_number_tel(); ?>"><?php echo get_phone_number(); ?></a>
                </div>
            </div>
            <div class="contact-item">
                <i class="fas fa-envelope"></i>
                <div>
                    <strong>Email Address:</strong>
                    <a href="mailto:<?php echo get_email(); ?>"><?php echo get_email(); ?></a>
                </div>
            </div>
            <div class="contact-item">
                <i class="fas fa-map-marker-alt"></i>
                <div>
                    <strong>Service Area:</strong>
                    <span>Serving the Local Area</span>
                </div>
            </div>
        </div>
    </div>

    <div class="footer-bottom">
        <div class="copyright">
            Copyright © <?php echo date('Y'); ?> <a href="/"><?php echo get_website_name(); ?></a>. All Rights Reserved.
        </div>
        <div class="legal-links">
            <a href="/privacy-policy/">Privacy Policy</a> | <a href="/terms-and-conditions/">Terms & Conditions</a>
        </div>
        <div class="payment-icons">
            <i class="fab fa-cc-visa"></i>
            <i class="fab fa-cc-mastercard"></i>
            <i class="fab fa-cc-discover"></i>
            <i class="fab fa-cc-amex"></i>
            <i class="fab fa-cc-diners-club"></i>
            <i class="fab fa-cc-jcb"></i>
        </div>
    </div>
</footer>

<!-- Floating Call Button -->
<div class="elementor-element elementor-element-56a70ec elementor-align-justify elementor-fixed elementor-widget elementor-widget-button"
    style="position: fixed; bottom: 20px; right: 20px; z-index: 9999;">
    <div class="elementor-widget-container">
        <div class="elementor-button-wrapper">
            <a class="elementor-button elementor-button-link elementor-size-sm"
                href="tel:<?php echo get_phone_number_tel(); ?>"
                style="background-color: var(--primary-color) !important; color: <?php echo get_button_text_color(); ?>; padding: 12px 60px; border-radius: 50px; text-decoration: none; display: flex; align-items: center; gap: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); font-weight: bold; transition: transform 0.3s ease;">
                <span class="elementor-button-content-wrapper">
                    <span class="elementor-button-text"><i class="fas fa-mobile-alt"></i> Call Us Now</span>
                </span>
            </a>
        </div>
    </div>
</div>

<script type="speculationrules">
    {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 
    </script>
<script>
    const lazyloadRunObserver = () => {
        const lazyloadBackgrounds = document.querySelectorAll(`.e-con.e-parent:not(.e-lazyloaded)`);
        const lazyloadBackgroundObserver = new IntersectionObserver((entries) => {
            entries.forEach((entry) => {
                if (entry.isIntersecting) {
                    let lazyloadBackground = entry.target;
                    if (lazyloadBackground) {
                        lazyloadBackground.classList.add('e-lazyloaded');
                    }
                    lazyloadBackgroundObserver.unobserve(entry.target);
                }
            });
        }, {
            rootMargin: '200px 0px 200px 0px'
        });
        lazyloadBackgrounds.forEach((lazyloadBackground) => {
            lazyloadBackgroundObserver.observe(lazyloadBackground);
        });
    };
    const events = [
        'DOMContentLoaded',
        'elementor/lazyload/observe',
    ];
    events.forEach((event) => {
        document.addEventListener(event, lazyloadRunObserver);
    });
</script> <iframe height="0" width="0" style="display: none; visibility: hidden;"
    data-gtm-yt-inspected-9="true"></iframe>
<script src="/wp-content/plugins/sg-cachepress/assets/js/lazysizes.min.js" id="siteground-optimizer-lazy-sizes-js-js">
</script>
<script src="/wp-content/plugins/sync-post-with-other-site/assets/js/sps_front_js.js" id="sps_front_js-js"></script>
<script>
    // Ensure initGoogleMaps callback exists before loading Google Maps API
    window.initGoogleMaps = window.initGoogleMaps || function () {
        if (typeof google !== 'undefined' && google.maps) {
            // Google Maps API is loaded
            if (typeof google.maps.__gjsload__ === 'undefined') {
                google.maps.__gjsload__ = function () {
                    return function () { };
                };
            }
        }
    };
</script>
<script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCbZO86XKcyxjmxiTY0Png_VA6R6VyN1bc&libraries=places&callback=initGoogleMaps&language=en-US&ver=6.9"
    async id="yith-sl-google-map-js"></script>
<script src="/wp-content/plugins/yith-store-locator-for-wordpress/assets/js/frontend/store-locator.min.js"
    id="yith-store-locator-js"></script>
<script src="/wp-content/plugins/yith-store-locator-for-wordpress/assets/js/frontend/filters-dropdown.min.js"
    id="yith-store-locator-filters-dropdown-js"></script>
<script src="/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js" id="hello-theme-frontend-js">
</script>
<script src="/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js" id="elementor-webpack-runtime-js">
</script>
<script src="/wp-content/plugins/elementor/assets/js/frontend-modules.min.js" id="elementor-frontend-modules-js">
</script>
<script src="/wp-includes/js/jquery/ui/core.min.js" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
    var elementorFrontendConfig = {
        "environmentMode": {
            "edit": false,
            "wpPreview": false,
            "isScriptDebug": false
        },
        "i18n": {
            "shareOnFacebook": "Share on Facebook",
            "shareOnTwitter": "Share on Twitter",
            "pinIt": "Pin it",
            "download": "Download",
            "downloadImage": "Download image",
            "fullscreen": "Fullscreen",
            "zoom": "Zoom",
            "share": "Share",
            "playVideo": "Play Video",
            "previous": "Previous",
            "next": "Next",
            "close": "Close",
            "a11yCarouselPrevSlideMessage": "Previous slide",
            "a11yCarouselNextSlideMessage": "Next slide",
            "a11yCarouselFirstSlideMessage": "This is the first slide",
            "a11yCarouselLastSlideMessage": "This is the last slide",
            "a11yCarouselPaginationBulletMessage": "Go to slide"
        },
        "is_rtl": false,
        "breakpoints": {
            "xs": 0,
            "sm": 480,
            "md": 768,
            "lg": 1025,
            "xl": 1440,
            "xxl": 1600
        },
        "responsive": {
            "breakpoints": {
                "mobile": {
                    "label": "Mobile Portrait",
                    "value": 767,
                    "default_value": 767,
                    "direction": "max",
                    "is_enabled": true
                },
                "mobile_extra": {
                    "label": "Mobile Landscape",
                    "value": 880,
                    "default_value": 880,
                    "direction": "max",
                    "is_enabled": false
                },
                "tablet": {
                    "label": "Tablet Portrait",
                    "value": 1024,
                    "default_value": 1024,
                    "direction": "max",
                    "is_enabled": true
                },
                "tablet_extra": {
                    "label": "Tablet Landscape",
                    "value": 1200,
                    "default_value": 1200,
                    "direction": "max",
                    "is_enabled": false
                },
                "laptop": {
                    "label": "Laptop",
                    "value": 1366,
                    "default_value": 1366,
                    "direction": "max",
                    "is_enabled": false
                },
                "widescreen": {
                    "label": "Widescreen",
                    "value": 2400,
                    "default_value": 2400,
                    "direction": "min",
                    "is_enabled": false
                }
            },
            "hasCustomBreakpoints": false
        },
        "version": "3.34.2",
        "is_static": false,
        "experimentalFeatures": {
            "additional_custom_breakpoints": true,
            "container": true,
            "theme_builder_v2": true,
            "hello-theme-header-footer": true,
            "nested-elements": true,
            "home_screen": true,
            "global_classes_should_enforce_capabilities": true,
            "e_variables": true,
            "cloud-library": true,
            "e_opt_in_v4_page": true,
            "e_interactions": true,
            "e_editor_one": true,
            "import-export-customization": true,
            "mega-menu": true
        },
        "urls": {
            "assets": "http:\/\/zibot.store\/wp-content\/plugins\/elementor\/assets\/",
            "ajaxurl": "http:\/\/zibot.store\/wp-admin\/admin-ajax.php",
            "uploadUrl": "http:\/\/zibot.store\/wp-content\/uploads"
        },
        "nonces": {
            "floatingButtonsClickTracking": "703899ab1f"
        },
        "swiperClass": "swiper",
        "settings": {
            "page": [],
            "editorPreferences": []
        },
        "kit": {
            "active_breakpoints": ["viewport_mobile", "viewport_tablet"],
            "global_image_lightbox": "yes",
            "lightbox_enable_counter": "yes",
            "lightbox_enable_fullscreen": "yes",
            "lightbox_enable_zoom": "yes",
            "lightbox_enable_share": "yes",
            "lightbox_title_src": "title",
            "lightbox_description_src": "description",
            "hello_header_logo_type": "logo",
            "hello_header_menu_layout": "horizontal",
            "hello_footer_logo_type": "logo"
        },
        "post": {
            "id": 301,
            "title": "The%20Best%20Fireplace%20%26%20Chimney%20Services%20Near%20Me%20-%20CSIA%20Certified",
            "excerpt": "",
            "featuredImage": "<?php echo get_favicon(); ?>"
        }
    };
    //# sourceURL=elementor-frontend-js-before 
</script>
<script src="/wp-content/plugins/elementor/assets/js/frontend.min.js" id="elementor-frontend-js"></script><span
    id="elementor-device-mode" class="elementor-screen-only"></span>
<script src="/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js" id="e-sticky-js"></script>
<script src="/wp-includes/js/imagesloaded.min.js" id="imagesloaded-js"></script>
<script src="/wp-content/plugins/elementor-pro/assets/lib/lottie/lottie.min.js" id="lottie-js"></script>
<script src="/wp-content/plugins/elementor/assets/lib/swiper/v8/swiper.min.js" id="swiper-js"></script>
<script id="site-reviews-js-before">
    window.hasOwnProperty("GLSR") || (window.GLSR = {
        Event: {
            on: () => { }
        }
    });
    GLSR.action = "glsr_public_action";
    GLSR.addons = [];
    GLSR.ajaxpagination = ["#wpadminbar", ".site-navigation-fixed"];
    GLSR.ajaxurl = "/wp-admin/admin-ajax.php";
    GLSR.captcha = [];
    GLSR.nameprefix = "site-reviews";
    GLSR.starsconfig = {
        "clearable": false,
        tooltip: "Select a Rating"
    };
    GLSR.state = {
        "popstate": false
    };
    GLSR.text = {
        closemodal: "Close Modal"
    };
    GLSR.urlparameter = "reviews-page";
    GLSR.validationconfig = {
        field: "glsr-field",
        form: "glsr-form",
        "field_error": "glsr-field-is-invalid",
        "field_hidden": "glsr-hidden",
        "field_message": "glsr-field-error",
        "field_required": "glsr-required",
        "field_valid": "glsr-field-is-valid",
        "form_error": "glsr-form-is-invalid",
        "form_message": "glsr-form-message",
        "form_message_failed": "glsr-form-failed",
        "form_message_success": "glsr-form-success",
        "input_error": "glsr-is-invalid",
        "input_valid": "glsr-is-valid"
    };
    GLSR.validationstrings = {
        accepted: "This field must be accepted.",
        between: "This field value must be between %s and %s.",
        betweenlength: "This field must have between %s and %s characters.",
        email: "This field requires a valid e-mail address.",
        errors: "Please fix the submission errors.",
        max: "Maximum value for this field is %s.",
        maxfiles: "This field allows a maximum of %s files.",
        maxlength: "This field allows a maximum of %s characters.",
        min: "Minimum value for this field is %s.",
        minfiles: "This field requires a minimum of %s files.",
        minlength: "This field requires a minimum of %s characters.",
        number: "This field requires a number.",
        pattern: "Please match the requested format.",
        regex: "Please match the requested format.",
        required: "This field is required.",
        tel: "This field requires a valid telephone number.",
        url: "This field requires a valid website URL (make sure it starts with http or https).",
        unsupported: "The review could not be submitted because this browser is too old. Please try again with a modern browser."
    };
    GLSR.version = "7.2.13";
    //# sourceURL=site-reviews-js-before 
</script>
<script src="/wp-content/plugins/site-reviews/assets/scripts/site-reviews.js" id="site-reviews-js"
    data-wp-strategy="defer"></script>
<script id="site-reviews-js-after">
    function glsr_init_elementor() {
        GLSR.Event.trigger("site-reviews/init")
    }
    "undefined" !== typeof jQuery && (jQuery(window).on("elementor/frontend/init", function () {
        elementorFrontend.elements.$window.on("elementor/popup/show", glsr_init_elementor);
        elementorFrontend.hooks.addAction("frontend/element_ready/site_review.default",
            glsr_init_elementor);
        elementorFrontend.hooks.addAction("frontend/element_ready/site_reviews.default",
            glsr_init_elementor);
        elementorFrontend.hooks.addAction("frontend/element_ready/site_reviews_form.default",
            glsr_init_elementor);
    }));
    //# sourceURL=site-reviews-js-after 
</script>
<script src="/wp-content/plugins/elementor/assets/lib/flatpickr/flatpickr.min.js" id="flatpickr-js"></script>

<script src="/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js"
    id="elementor-pro-webpack-runtime-js"></script>
<script src="/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script>
<script src="/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
    wp.i18n.setLocaleData({
        'text direction\u0004ltr': ['ltr']
    });
    //# sourceURL=wp-i18n-js-after 
</script>
<script id="elementor-pro-frontend-js-before">
    var ElementorProFrontendConfig = {
        "ajaxurl": "http:\/\/zibot.store\/wp-admin\/admin-ajax.php",
        "nonce": "e8b0f43e65",
        "urls": {
            "assets": "http:\/\/zibot.store\/wp-content\/plugins\/elementor-pro\/assets\/",
            "rest": "http:\/\/zibot.store\/wp-json\/"
        },
        "settings": {
            "lazy_load_background_images": true
        },
        "popup": {
            "hasPopUps": true
        },
        "shareButtonsNetworks": {
            "facebook": {
                "title": "Facebook",
                "has_counter": true
            },
            "twitter": {
                "title": "Twitter"
            },
            "linkedin": {
                "title": "LinkedIn",
                "has_counter": true
            },
            "pinterest": {
                "title": "Pinterest",
                "has_counter": true
            },
            "reddit": {
                "title": "Reddit",
                "has_counter": true
            },
            "vk": {
                "title": "VK",
                "has_counter": true
            },
            "odnoklassniki": {
                "title": "OK",
                "has_counter": true
            },
            "tumblr": {
                "title": "Tumblr"
            },
            "digg": {
                "title": "Digg"
            },
            "skype": {
                "title": "Skype"
            },
            "stumbleupon": {
                "title": "StumbleUpon",
                "has_counter": true
            },
            "mix": {
                "title": "Mix"
            },
            "telegram": {
                "title": "Telegram"
            },
            "pocket": {
                "title": "Pocket",
                "has_counter": true
            },
            "xing": {
                "title": "XING",
                "has_counter": true
            },
            "whatsapp": {
                "title": "WhatsApp"
            },
            "email": {
                "title": "Email"
            },
            "print": {
                "title": "Print"
            },
            "x-twitter": {
                "title": "X"
            },
            "threads": {
                "title": "Threads"
            }
        },
        "facebook_sdk": {
            "lang": "en_US",
            "app_id": ""
        },
        "lottie": {
            "defaultAnimationUrl": "https:\/\/zibot.store\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"
        }
    };
    //# sourceURL=elementor-pro-frontend-js-before 
</script>
<script src="/wp-content/plugins/elementor-pro/assets/js/frontend.min.js" id="elementor-pro-frontend-js"></script>
<script src="/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js" id="pro-elements-handlers-js">
</script><svg style="display: none;" class="e-font-icon-svg-symbols"></svg>
<script id="wp-emoji-settings" type="application/json">
{
    "baseUrl": "https://s.w.org/images/core/emoji/17.0.2/72x72/",
    "ext": ".png",
    "svgUrl": "https://s.w.org/images/core/emoji/17.0.2/svg/",
    "svgExt": ".svg",
    "source": {
        "concatemoji": "/wp-includes/js/wp-emoji-release.min.js"
    }
}
</script>
<script type="module">
    /*! This file is auto-generated */
    const a = JSON.parse(document.getElementById("wp-emoji-settings").textContent),
        o = (window._wpemojiSettings = a, "wpEmojiSettingsSupports"),
        s = ["flag", "emoji"];

    function i(e) {
        try {
            var t = {
                supportTests: e,
                timestamp: (new Date).valueOf()
            };
            sessionStorage.setItem(o, JSON.stringify(t))
        } catch (e) { }
    }

    function c(e, t, n) {
        e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(t, 0, 0);
        t = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data);
        e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(n, 0, 0);
        const a = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data);
        return t.every((e, t) => e === a[t])
    }

    function p(e, t) {
        e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(t, 0, 0);
        var n = e.getImageData(16, 16, 1, 1);
        for (let e = 0; e < n.data.length; e++)
            if (0 !== n.data[e]) return !1;
        return !0
    }

    function u(e, t, n, a) {
        switch (t) {
            case "flag":
                return n(e, "\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f", "\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f") ? !1 : !n(e,
                    "\ud83c\udde8\ud83c\uddf6", "\ud83c\udde8\u200b\ud83c\uddf6") && !n(e,
                        "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f",
                        "\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f"
                    );
            case "emoji":
                return !a(e, "\ud83e\u1fac8")
        }
        return !1
    }

    function f(e, t, n, a) {
        let r;
        const o = (r = "undefined" != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ?
            new OffscreenCanvas(300, 150) : document.createElement("canvas")).getContext("2d", {
                willReadFrequently: !0
            }),
            s = (o.textBaseline = "top", o.font = "600 32px Arial", {});
        return e.forEach(e => {
            s[e] = t(o, e, n, a)
        }), s
    }

    function r(e) {
        var t = document.createElement("script");
        t.src = e, t.defer = !0, document.head.appendChild(t)
    }
    a.supports = {
        everything: !0,
        everythingExceptFlag: !0
    }, new Promise(t => {
        let n = function () {
            try {
                var e = JSON.parse(sessionStorage.getItem(o));
                if ("object" == typeof e && "number" == typeof e.timestamp && (new Date).valueOf() < e
                    .timestamp + 604800 && "object" == typeof e.supportTests) return e.supportTests
            } catch (e) { }
            return null
        }();
        if (!n) {
            if ("undefined" != typeof Worker && "undefined" != typeof OffscreenCanvas && "undefined" !=
                typeof URL && URL.createObjectURL && "undefined" != typeof Blob) try {
                    var e = "postMessage(" + f.toString() + "(" + [JSON.stringify(s), u.toString(), c
                        .toString(), p.toString()
                    ].join(",") + "));",
                        a = new Blob([e], {
                            type: "text/javascript"
                        });
                    const r = new Worker(URL.createObjectURL(a), {
                        name: "wpTestEmojiSupports"
                    });
                    return void (r.onmessage = e => {
                        i(n = e.data), r.terminate(), t(n)
                    })
                } catch (e) { }
            i(n = f(s, u, c, p))
        }
        t(n)
    }).then(e => {
        for (const n in e) a.supports[n] = e[n], a.supports.everything = a.supports.everything && a.supports[n],
            "flag" !== n && (a.supports.everythingExceptFlag = a.supports.everythingExceptFlag && a.supports[
                n]);
        var t;
        a.supports.everythingExceptFlag = a.supports.everythingExceptFlag && !a.supports.flag, a.supports
            .everything || ((t = a.source || {}).concatemoji ? r(t.concatemoji) : t.wpemoji && t.twemoji && (r(t
                .twemoji), r(t.wpemoji)))
    });
    //# sourceURL=/wp-includes/js/wp-emoji-loader.min.js 
</script>
<script src="/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js"></script>
<div
    style="background-color: <?php echo get_background_color(); ?>; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px; position: absolute; transition: visibility linear 0.3s, opacity 0.3s linear; opacity: 0; visibility: hidden; z-index: 2000000000; left: 0px; top: -10000px;">
    <div
        style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 2000000000; background-color: <?php echo get_background_color(); ?>; opacity: 0.05;">
    </div>


</div>
</body>

</html>