v2

CONTENT/ROOT_URI/Agent/Agent_Nav.php

@@ -9,8 +9,7 @@
       overflow-y: auto;
 
       /* ✅ Prevent content from hiding behind bottom nav */
-      padding-bottom: calc(55px + env(safe-area-inset-bottom));
-      padding-bottom: calc(55px + constant(safe-area-inset-bottom)); /* old iOS */
+      padding-bottom: 80px; /* nav height + extra safe space */
     }
 
     /* ===== Header/Navbar ===== */
@@ -43,14 +42,10 @@
     /* ===== Bottom Navigation ===== */
     .agent-bottom-nav {
       position: fixed;
-      bottom: 0;
-      left: 0;
-      right: 0;
-
-      /* ✅ Height = nav height + safe area */
-      height: calc(55px + env(safe-area-inset-bottom));
-      height: calc(55px + constant(safe-area-inset-bottom));
-
+      bottom: 25px; /* ✅ stays above system navigation keys */
+      left: 10px;
+      right: 10px;
+      height: 55px;
       background: #e95420;
       display: flex;
       justify-content: space-around;
@@ -58,9 +53,9 @@
       border-top: 1px solid rgba(255,255,255,0.2);
       z-index: 999;
 
-      /* ✅ Safe padding */
-      padding-bottom: env(safe-area-inset-bottom);
-      padding-bottom: constant(safe-area-inset-bottom);
+      /* Optional: make it look like floating nav */
+      border-radius: 12px;
+      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
     }
     .agent-bottom-link {
       color: #fff;
@@ -77,7 +72,7 @@
     }
     .agent-bottom-link.active {
       background: rgba(255,255,255,0.2);
-      border-radius: 5px;
+      border-radius: 8px;
     }
 </style>