<footer id="colophon" class="site-footer bg-dark text-light py-5 mt-auto">
	<div class="container pb-3 mt-3">
		<div class="row g-5 mb-5">
			<div class="col-lg-5 col-md-12">
				<div class="d-flex align-items-center gap-2 mb-3">
					<div class="logo-icon border-white text-white">W</div>
					<span class="fs-4 fw-bold font-serif text-white">Wisdom for the Kingdom</span>
				</div>
				<p class="small text-muted mb-0 font-sans lh-lg pe-lg-5">
					A collection of biblical insights curated for the thoughtful leader. Seek truth, lead with grace,
					and explore the ancient wisdom that powers modern impact.
				</p>
			</div>

			<div class="col-lg-2 col-md-4 col-6">
				<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Explore</h5>
				<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
					<li><a href="<?php echo esc_url(home_url('/')); ?>" class="footer-link">Home</a></li>
					<li><a href="<?php echo esc_url(home_url('/articles/')); ?>" class="footer-link">Articles</a>
					</li>
					<li><a href="<?php echo esc_url(home_url('/series/')); ?>" class="footer-link">Series</a></li>
					<li><a href="<?php echo esc_url(home_url('/about/')); ?>" class="footer-link">About</a></li>
				</ul>
			</div>

			<div class="col-lg-2 col-md-4 col-6">
				<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Legal</h5>
				<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
					<li><a href="#" class="footer-link">Privacy Policy</a></li>
					<li><a href="#" class="footer-link">Terms of Service</a></li>
					<li><a href="#" class="footer-link">Cookie Policy</a></li>
				</ul>
			</div>

			<div class="col-lg-3 col-md-4 col-12">
				<h5 class="text-white mb-4 fs-6 text-uppercase tracking-wider fw-bold font-sans">Connect</h5>
				<ul class="list-unstyled mb-0 d-flex flex-column gap-3 small font-sans">
					<li><a href="#" class="footer-link">Twitter</a></li>
					<li><a href="#" class="footer-link">Facebook</a></li>
					<li><a href="#" class="footer-link">Instagram</a></li>
					<li><a href="#" class="footer-link">LinkedIn</a></li>
				</ul>
			</div>
		</div>

		<div class="pt-4 text-center text-md-start d-md-flex justify-content-between align-items-center"
			style="border-top: 1px solid rgba(255,255,255,0.1);">
			<p class="mb-0 small text-muted font-sans">&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?>. All
				rights reserved.</p>
			<p class="mb-0 small text-muted font-sans mt-2 mt-md-0 d-none d-md-block">Designed with purpose.</p>
		</div>
	</div><!-- .container -->
</footer><!-- #colophon -->
</div><!-- #page -->

<?php wp_footer(); ?>

</body>

</html>