From deab9649c200b957b4c1adbeb3aa18334cbbcf75 Mon Sep 17 00:00:00 2001
From: Adolfo Reyna <aeroreyna@gmail.com>
Date: Fri, 13 Mar 2026 00:39:25 -0400
Subject: [PATCH] Add modern multi-column footer to the theme

---
 footer.php | 54 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 style.css  | 16 ++++++++++++++++
 2 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/footer.php b/footer.php
index 422615a..f263db7 100644
--- a/footer.php
+++ b/footer.php
@@ -1,6 +1,54 @@
-<footer id="colophon" class="site-footer bg-dark text-white py-4 mt-auto">
-	<div class="container text-center">
-		<p class="mb-0 opacity-75">&copy; <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
+<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 -->
diff --git a/style.css b/style.css
index 9c463a7..955f16f 100644
--- a/style.css
+++ b/style.css
@@ -279,4 +279,20 @@ a:hover {
 	color: var(--brand-gold-leaf);
 	opacity: 0.2;
 	line-height: 1;
+}
+
+/* --- 4. Custom Footer Styling --- */
+.site-footer.bg-dark {
+	background-color: #0b1424 !important;
+	/* Very dark slate derived from Deep Midnight */
+}
+
+.footer-link {
+	color: #adb5bd;
+	text-decoration: none;
+	transition: color 0.2s ease-in-out;
+}
+
+.footer-link:hover {
+	color: var(--brand-gold-leaf);
 }
\ No newline at end of file