/* Market page — dark header to match Stitch design (all viewports) */
header.fixed.top-0 {
  background: rgba(0, 62, 30, 0.9) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: none !important;
}

/* Brand text + nav links: white on dark header */
header.fixed .font-headline {
  color: #ffffff !important;
}

/* Nav link hover: gold accent */
header.fixed nav a:hover {
  color: var(--color-secondary) !important;
}

/* Active nav link (home): reset to white, keep underline gold */
header.fixed nav a.border-b-2 {
  color: var(--color-secondary) !important;
}

/* Hamburger icon (mobile): white */
header.fixed #mobile-menu-btn .material-symbols-outlined {
  color: #ffffff !important;
}

/* Mega menu dropdown arrow: white */
header.fixed nav .material-symbols-outlined {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Lang switcher: white text */
header.fixed button[name="language"] {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* CTA button: keep as-is (primary bg already works on dark) */

/* Hero styles are now handled via Tailwind utility classes in the template */