/* Updated Header Styles */

/* Semi-transparent white header */
header {
  background-color: rgba(255, 255, 255, 0.85) !important;
  background-image: none !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

header.scrolled {
  background-color: rgba(255, 255, 255, 0.95) !important;
  background-image: none !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Update navigation menu text to dark grey */
nav ul li a {
  color: var(--dark-gray) !important;
  font-weight: 600;
}

nav ul li a::before {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

nav ul li a:hover {
  color: var(--primary-color) !important;
}

/* Keep active menu item with primary color */
nav ul li a.active {
  color: var(--primary-color) !important;
  background-color: rgba(46, 204, 113, 0.1) !important;
}

/* Mobile menu button color and display */
.mobile-menu-btn {
  color: #000 !important;
  display: none; /* Hidden by default */
}

.mobile-menu-btn:hover {
  color: var(--primary-color) !important;
}

/* Show mobile menu button in tablet portrait mode */
@media (max-width: 992px) {
  .mobile-menu-btn {
    display: block !important;
  }
}

/* No custom nav spacer or contact link styles */