<footer class="kaz-footer">
    <!-- Top Block Grid -->
    <div class="kaz-footer-top-grid container">

        <!-- Cell 1: Heading & Button -->
        <div class="kaz-footer-cell kaz-footer-cell-heading">
            <div class="kaz-section-header text-left" style="margin-bottom: 2rem; max-width: 500px;">
                <h2 class="kaz-heading">Započnite svoju zlatnu priču.</h2>
            </div>
            <div class="kaz-footer-btn-wrap">
                <a class="tj-primary-btn header_btn" href="#">
                    <span class="btn_inner">
                        <span class="btn_icon">
                            <span><i></i><i></i></span>
                        </span>
                        <span class="btn_text"><span>Započni sada</span></span>
                    </span>
                </a>
            </div>
        </div>

        <!-- Cell 2: Contact Block 1 -->
        <div class="kaz-footer-cell kaz-footer-cell-contact1">
            <address class="kaz-footer-contact-block">
                <h4>Kancelarija Novi Sad</h4>
                <p>Bulevar Oslobođenja 123<br>21000 Novi Sad</p>
                <p>+381 (0)21 123 456</p>
            </address>
        </div>

        <!-- Cell 3: Contact Block 2 -->
        <div class="kaz-footer-cell kaz-footer-cell-contact2">
            <div class="kaz-footer-contact-block">
                <h4>Radno vreme</h4>
                <p>Pon - Pet: 09:00 - 17:00<br>Sub: 09:00 - 13:00</p>
                <p>Nedelja: Zatvoreno</p>
            </div>
        </div>

        <!-- Cell 4: Form (spans Row 1 and 2 of Column 3) -->
        <div class="kaz-footer-cell kaz-footer-cell-form">
            <div class="kaz-section-header text-left" style="margin-bottom: 2rem;">
                <h3 class="kaz-heading"
                    style="font-size: var(--h3-font-size); line-height: var(--h3-line-height); margin-bottom: 0;">
                    Slobodno nas kontaktirajte</h3>
            </div>
            <div class="kaz-footer-form-wrapper">
                <?php echo do_shortcode('[fluentform id="3"]'); ?>
            </div>
        </div>

    </div>

    <!-- Divider Line -->
    <div class="kaz-footer-divider"></div>

    <!-- Bottom Menu Grid -->
    <div class="kaz-footer-bottom-grid container">
        <div class="kaz-footer-bottom-logo">
            <img src="<?php echo get_template_directory_uri(); ?>/assets/img/kaz-logo.svg" alt="Kaz Logo"
                class="kaz-footer-logo-img">
        </div>
        <div class="kaz-footer-bottom-menu">
            <a href="#">Početna</a>
            <a href="#">Prodavnica</a>
            <a href="#">O nama</a>
            <a href="#">Vesti</a>
            <a href="#">Kontakt</a>
        </div>
    </div>

    <!-- Bottommost Bar (Full-Width) -->
    <div class="kaz-footer-bottommost-bar">
        <div class="container kaz-footer-bottommost-container">
            <div class="kaz-footer-copyright">
                &copy; 2026 Kaz Zlato Novi Sad. Sva prava zadržana.
            </div>
            <div class="kaz-footer-social">
                <a href="#" target="_blank" aria-label="Facebook">
                    <?php echo kaz_get_icon('facebook-with-circle', 'footer-social-icon'); ?>
                </a>
                <a href="#" target="_blank" aria-label="Instagram">
                    <?php echo kaz_get_icon('instagram-with-circle', 'footer-social-icon'); ?>
                </a>
                <a href="#" target="_blank" aria-label="Twitter">
                    <?php echo kaz_get_icon('twitter-with-circle', 'footer-social-icon'); ?>
                </a>
                <a href="#" target="_blank" aria-label="LinkedIn">
                    <?php echo kaz_get_icon('linkedin-with-circle', 'footer-social-icon'); ?>
                </a>
            </div>
            <div class="kaz-footer-terms">
                <a href="#">Politika privatnosti</a>
                <span>&bull;</span>
                <a href="#">Uslovi korišćenja</a>
            </div>
        </div>
    </div>
</footer>

<?php wp_footer(); ?>
</body>

</html>