From d8faee7b62f116f10a2de6a43219a91f4423e31e Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Sat, 4 Apr 2026 19:12:29 -0400
Subject: [PATCH] Fix footer layout: restore 4-column grid on desktop

The Elementor CSS custom property chain for --width wasn't resolving
correctly on the static site. Added explicit flex layout rules for
the footer columns (25% on desktop, 48% on tablet).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 wp-content/css/nav-dropdown-fix.css | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/wp-content/css/nav-dropdown-fix.css b/wp-content/css/nav-dropdown-fix.css
index 2b7455e..b2d9149 100644
--- a/wp-content/css/nav-dropdown-fix.css
+++ b/wp-content/css/nav-dropdown-fix.css
@@ -44,3 +44,28 @@
 .elementor-nav-menu--main .sub-menu .menu-item a:hover {
   background: rgba(0,0,0,0.05);
 }
+
+/* Footer layout fix: 4-column grid */
+.elementor-114 .elementor-element-1e434e0f {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+@media (min-width: 768px) {
+  .elementor-114 .elementor-element-35f24109,
+  .elementor-114 .elementor-element-4b217e53,
+  .elementor-114 .elementor-element-62e2207d,
+  .elementor-114 .elementor-element-583b5112 {
+    width: 25%;
+    flex: 0 0 25%;
+  }
+}
+@media (max-width: 1024px) and (min-width: 768px) {
+  .elementor-114 .elementor-element-35f24109,
+  .elementor-114 .elementor-element-4b217e53,
+  .elementor-114 .elementor-element-62e2207d,
+  .elementor-114 .elementor-element-583b5112 {
+    width: 48%;
+    flex: 0 0 48%;
+  }
+}