From 99b4d278cc89dd252f432171d5c70d623341148a Mon Sep 17 00:00:00 2001
From: ardhikaxx <ardhikayanuar58@gmail.com>
Date: Wed, 25 Feb 2026 04:09:40 +0700
Subject: [PATCH] fix(navbar): tambah overflow visible dan z-index hierarchy
 untuk memastikan dropdown tidak terpotong

---
 public/css/app.css | 30 ++++++++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index 118977f..310d7d0 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -2011,11 +2011,12 @@ .user-dropdown {
     min-width: 280px;
     border: 1px solid rgba(16, 38, 50, 0.12);
     border-radius: 14px;
-    box-shadow: 0 14px 32px rgba(10, 34, 46, 0.18);
+    box-shadow: 0 14px 32px rgba(10, 34, 46, 0.18) !important;
     padding: 0.5rem;
     margin-top: 0.5rem;
-    z-index: 99999;
+    z-index: 99999 !important;
     position: absolute !important;
+    will-change: transform;
 }
 
 .user-dropdown .dropdown-header {
@@ -2148,12 +2149,37 @@ @media (max-width: 1199.98px) {
 /* Ensure navbar container doesn't clip dropdown */
 .site-navbar .container {
     position: static;
+    overflow: visible !important;
 }
 
 .site-navbar .navbar-collapse {
     position: static;
+    overflow: visible !important;
 }
 
 .site-navbar .nav-auth-actions {
     position: static;
+    overflow: visible !important;
+}
+
+.site-navbar .dropdown {
+    position: relative;
+    overflow: visible !important;
+}
+
+/* Ensure main content doesn't interfere */
+.main-content {
+    position: relative;
+    z-index: 1;
+}
+
+.site-main-container {
+    position: relative;
+    z-index: 1;
+}
+
+/* Ensure hero sections have lower z-index */
+.home-shell {
+    position: relative;
+    z-index: 1;
 }