fixed map overlapping modals

frontend/app.js

@@ -225,6 +225,7 @@ function navigateTo(path) {
 
 function handleRoute() {
   let path = window.location.pathname;
+  console.log("handleRoute called, pathname:", path);
 
   // Normalize path - treat /index.html, empty, or just "/" as home
   if (path === "" || path === "/index.html" || path.endsWith("/index.html")) {
@@ -232,6 +233,7 @@ function handleRoute() {
   }
 
   const view = routes[path] || "home";
+  console.log("Resolved view:", view, "for path:", path);
 
   // Update page title for SEO
   document.title = pageTitles[view] || pageTitles.home;

frontend/styles.css

@@ -561,6 +561,8 @@ body {
     cursor: pointer;
     border: 1px solid var(--border-color);
     transition: var(--transition);
+    position: relative;
+    z-index: 1;
 }
 
 .school-map:hover {
@@ -965,7 +967,7 @@ body {
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 200;
+    z-index: 1000;
     display: none;
     align-items: center;
     justify-content: center;