From 03f19831a4506c82c5326986bf81094e16eeb843 Mon Sep 17 00:00:00 2001
From: ardhikaxx <ardhikayanuar58@gmail.com>
Date: Wed, 25 Feb 2026 03:34:33 +0700
Subject: [PATCH] fix(navbar): perbaiki z-index navbar dan dropdown agar selalu
 di depan hero section

---
 public/css/app.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/public/css/app.css b/public/css/app.css
index 183d54c..cce6a2a 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -882,6 +882,7 @@ .dropdown-menu {
     border: 1px solid rgba(16, 38, 50, 0.12);
     border-radius: 12px;
     box-shadow: var(--shadow-2);
+    z-index: 99999;
 }
 
 .dropdown-item {
@@ -960,7 +961,7 @@ .auth-backdrop .orb-c {
 .site-navbar {
     position: sticky;
     top: 0.85rem;
-    z-index: 1200;
+    z-index: 9999;
     margin: 0.85rem auto 0;
     width: calc(100% - 2rem);
     max-width: 1240px;
@@ -1136,6 +1137,7 @@ .page-hero {
     border: 1px solid rgba(255, 255, 255, 0.16);
     background: linear-gradient(128deg, #0b3f50 0%, #0f766e 56%, #14b8a6 100%);
     box-shadow: var(--shadow-3);
+    z-index: 1;
 }
 
 .page-hero::before {
@@ -1176,6 +1178,7 @@ .home-hero {
     color: #fff;
     position: relative;
     overflow: hidden;
+    z-index: 1;
 }
 
 .home-hero::before {
@@ -2006,6 +2009,8 @@ .user-dropdown {
     box-shadow: 0 14px 32px rgba(10, 34, 46, 0.18);
     padding: 0.5rem;
     margin-top: 0.5rem;
+    z-index: 99999;
+    position: relative;
 }
 
 .user-dropdown .dropdown-header {