/* Make menu text visible on transparent header */
.zs-header a,
.zs-header .zs-menu a {
  color: #000000 !important;
}

/* When scrolling, give header a solid background */
.zs-header.sticky,
.zs-header.scrolled {
  background-color: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Hover effect */
.zs-header a:hover {
  color: #c9a24d !important; /* change to your brand color */
}