From 6aaa8bc9c5b2119f08ebd94be91e5fe207ecf069 Mon Sep 17 00:00:00 2001
From: dsyoon <dosangyoon@gmail.com>
Date: Sat, 3 Jan 2026 16:54:24 +0900
Subject: [PATCH] Fix mobile navbar menu contrast

---
 css/ncue.css | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/css/ncue.css b/css/ncue.css
index f1a2ecd..cbbc5ce 100644
--- a/css/ncue.css
+++ b/css/ncue.css
@@ -71,11 +71,43 @@ a:hover, a:focus{ color: var(--ncue-primary-dark); }
   font-weight: 700;
   letter-spacing: -0.2px;
 }
+.navbar-default .navbar-nav>li>a,
+.navbar .nav>li>a{
+  /* Ensure readable nav text on the template's white navbar + mobile collapse */
+  color: rgba(15, 23, 42, 0.92) !important;
+}
 .navbar .nav>li>a:hover,
 .navbar .nav>li>a:focus{
   color: var(--ncue-primary);
 }
 
+/* Active nav item: overwrite.css makes this white, which becomes invisible on white backgrounds */
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:hover,
+.navbar-default .navbar-nav>.active>a:focus,
+.navbar .nav>.active>a,
+.navbar .nav>.active>a:hover,
+.navbar .nav>.active>a:focus{
+  color: rgba(15, 23, 42, 0.96) !important;
+  background: rgba(37, 99, 235, 0.10) !important;
+}
+
+@media (max-width: 767px){
+  /* Mobile collapse menu readability */
+  .navbar-default .navbar-collapse{
+    background: #ffffff;
+    border-top: 1px solid rgba(15, 23, 42, 0.08);
+  }
+  .navbar-default .navbar-nav>li>a{
+    padding: 12px 16px;
+    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
+  }
+  .navbar-default .navbar-nav>li>a:hover,
+  .navbar-default .navbar-nav>li>a:focus{
+    background: rgba(37, 99, 235, 0.08);
+  }
+}
+
 /* Buttons */
 .btn, .btn:focus{
   border-radius: 999px;