<footer class="site-footer">
    <div class="footer__main">
        <div class="footer__inner">
            <!-- Logo + buttons -->
            <div class="footer__brand">
                <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/cae-logo.svg" alt="<?php bloginfo('name'); ?>" width="224" height="86">
                <div class="footer__brand-divider"></div>
                <a href="/about-cae/contact-us" class="btn btn--gold">Contact Us <span class="btn__chevron"><svg width="7" height="13" viewBox="0 0 7 13" fill="none"><path d="M1 1L6 6.5L1 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></a>
                <a href="/support-cae/donate/" class="btn btn--outline-green">Donate <span class="btn__chevron"><svg width="7" height="13" viewBox="0 0 7 13" fill="none"><path d="M1 1L6 6.5L1 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></a>
            </div>

            <!-- Social + feed -->
            <div class="footer__social">
                <div class="footer__social-header">
                    <span class="footer__social-label">Follow Us:</span>
                    <span class="footer__social-handle">@hardwickagriculture</span>
                </div>
                <!-- Instagram feed grid placeholder -->
                <div class="footer__feed-grid">
                    <!-- Feed images will be populated -->
                </div>
                <div class="footer__social-icons">
                    <a href="#" aria-label="Facebook"><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/icon-facebook.svg" alt="" width="16" height="16"></a>
                    <a href="#" aria-label="YouTube"><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/icon-youtube.svg" alt="" width="16" height="16"></a>
                    <a href="#" aria-label="Instagram"><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/icon-instagram.svg" alt="" width="16" height="16"></a>
                    <a href="#" aria-label="LinkedIn"><img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/icon-linkedin.svg" alt="" width="16" height="16"></a>
                </div>
            </div>

            <!-- Newsletter -->
            <div class="footer__newsletter">
                <span class="footer__newsletter-label-top">Subscribe to</span>
                <span class="footer__newsletter-label">Newsletters</span>
                <form class="footer__newsletter-form" action="#" method="post">
                    <input type="email" name="email" placeholder="Enter Email" class="footer__newsletter-input" required>
                    <button type="submit" class="btn btn--gold btn--sm">Submit</button>
                </form>
            </div>
        </div>
    </div>

    <!-- Bottom bar -->
    <div class="footer__bottom">
        <div class="footer__bottom-inner">
            <a href="#" class="footer__ada-icon" aria-label="Accessibility">
                <img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/global/icon-accessibility.svg" alt="" width="50" height="50">
            </a>
            <p class="footer__copyright">&copy; <?php echo date('Y'); ?> Center for an Agricultural Economy. All Rights Reserved.</p>
            <p class="footer__credit">Site By <a href="https://3lanemarketing.com" target="_blank" rel="noopener">3Lane Marketing</a></p>
            <a href="#top" class="footer__back-to-top" aria-label="Back to top">
                <svg width="21" height="12" viewBox="0 0 21 12" fill="none"><path d="M1 11L10.5 1L20 11" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </a>
        </div>
    </div>
</footer>

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