.nav-solid { background-color: #ffffff; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); padding-top: .75rem; padding-bottom: .75rem; }
.nav-transparent { background-color: transparent; padding-top: 1rem; padding-bottom: 1rem; }


/* Mobile hamburger icon: always visible */
#menuBtn .hamburger-bar {
  display: block;
  width: 24px;
  height: 3px;
  background-color: #111827; /* gray-900 */
  border-radius: 9999px;
  margin-bottom: 4px;
}
#menuBtn .hamburger-bar:last-child { margin-bottom: 0; }

/* Ensure inline SVG hamburger is always visible */
#menuBtn svg { display: block; width: 28px; height: 28px; }
#menuBtn svg path { stroke: #111827 !important; }

/* Optional: subtle ring to make the icon stand out on any background */
@media (max-width: 767px) {
  #menuBtn { border-radius: 0.5rem; }
  #menuBtn:hover { background-color: rgba(0,0,0,0.04); }
}