From b85f67b40a294ee9c34aa8ae6d5d1af323afdd6f Mon Sep 17 00:00:00 2001
From: Mandel Olaiya <mandeleolaiya15@icloud.com>
Date: Tue, 17 Mar 2026 16:58:52 +0100
Subject: [PATCH] template-engine: style carbasa footer shell to match mandel
 reference

---
 .../mandelstudio/carbasa_footer.html          | 48 +++++++++++++++++--
 1 file changed, 45 insertions(+), 3 deletions(-)

diff --git a/mandelstudio/templates/mandelstudio/carbasa_footer.html b/mandelstudio/templates/mandelstudio/carbasa_footer.html
index 7834dde..7d1b64c 100644
--- a/mandelstudio/templates/mandelstudio/carbasa_footer.html
+++ b/mandelstudio/templates/mandelstudio/carbasa_footer.html
@@ -1,8 +1,49 @@
 {% load wagtailcore_tags wagtailsettings_tags %}
 {% get_settings %}
 
-<footer class="footer">
-    <div class="container pt-5">
+<style>
+  .mandelstudio-carbasa-footer-wrap {
+    margin-top: 4rem;
+    padding-top: 2.5rem;
+  }
+
+  .mandelstudio-carbasa-footer {
+    background: #040404;
+    color: #f5f5f5;
+    border-radius: 28px 28px 0 0;
+    padding: 4rem 0 2.5rem;
+  }
+
+  .mandelstudio-carbasa-footer .footer_column,
+  .mandelstudio-carbasa-footer .footer_column p,
+  .mandelstudio-carbasa-footer .footer_column a,
+  .mandelstudio-carbasa-footer .copyright_block {
+    color: #f5f5f5;
+  }
+
+  .mandelstudio-carbasa-footer .footer_column a {
+    text-decoration: none;
+    opacity: 0.92;
+  }
+
+  .mandelstudio-carbasa-footer .footer_column a:hover {
+    opacity: 1;
+    text-decoration: underline;
+  }
+
+  .mandelstudio-carbasa-footer hr {
+    border-color: rgba(255, 255, 255, 0.2);
+  }
+
+  .mandelstudio-carbasa-footer .copyright_block {
+    font-size: 0.95rem;
+    opacity: 0.92;
+  }
+</style>
+
+<div class="mandelstudio-carbasa-footer-wrap">
+<footer class="footer mandelstudio-carbasa-footer">
+    <div class="container">
         <div class="row">
             {% with footer=settings.ocyan_plugin_wagtail.OcyanSettings.footer %}
             {% for block in footer %}
@@ -12,7 +53,7 @@
             {% endfor %}
             {% endwith %}
         </div>
-        <div class="container pt-5">
+        <div class="container pt-4">
             <hr class="mb-5">
             <div class="row">
                 <div class="col-lg-12 copyright_block">
@@ -22,3 +63,4 @@
         </div>
     </div>
 </footer>
+</div>