From 774839e408721e193f448b52f42970d8bd33e402 Mon Sep 17 00:00:00 2001
From: SocioWire <admin@sociowire.com>
Date: Sun, 11 Jan 2026 00:45:00 +0000
Subject: [PATCH] Map 7/8 viewport, sociowall overlap restored
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Map takes 87.5vh (7/8 of screen)
- Sociowall overlaps map by 80px
- Fixed duplicate weather container on us1

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/styles/map.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/styles/map.css b/src/styles/map.css
index 8faa367..f3558cc 100644
--- a/src/styles/map.css
+++ b/src/styles/map.css
@@ -1,6 +1,6 @@
 :root{
   --sw-subcats-nudge: -45px; /* subcats vertical nudge */
-  --sw-below-overlap: 0px;  /* no overlap - sociowall sits below map */
+  --sw-below-overlap: 80px;  /* sociowall overlaps map */
 }
 
 .map-page{
@@ -9,11 +9,11 @@
   width:100%;
 }
 
-/* Map stage first - much taller, almost full screen */
+/* Map stage - 7/8 of viewport on desktop */
 .map-stage{
   position:relative;
   width:100%;
-  height: clamp(600px, 85vh, 1000px);
+  height: clamp(500px, 87.5vh, 1100px);
   overflow: hidden;
 }
 
@@ -117,8 +117,8 @@
 
 /* Landscape: vh is small, but still keep map tall */
 @media (orientation: landscape){
-  :root{ --sw-below-overlap: 0px; }
-  .map-stage{ height: clamp(400px, 75vh, 800px); }
+  :root{ --sw-below-overlap: 60px; }
+  .map-stage{ height: clamp(400px, 80vh, 900px); }
 }
 
 .map-container,
@@ -140,9 +140,9 @@
   z-index:30;
 }
 
-/* BELOW MAP (scroll area) – sits below map with spacing */
+/* BELOW MAP (scroll area) – overlaps map */
 .below-stage{
-  margin-top: 2rem;
+  margin-top: calc(var(--sw-below-overlap) * -1);
   position:relative;
   z-index:25;
   padding: 0.5rem 1rem 1.5rem;