/* Dark header aligned with homepage hero gradient */
header.fixed.top-0 {
  background: linear-gradient(to bottom right, #0a0a0a, #111827, #0a0a0a) !important;
  color: #fff !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Compact header bar — bundle uses py-4 which is too tall with the logo image */
header.fixed.top-0 > div.w-full {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

header.fixed.top-0 > div.w-full > div > a.flex.items-center {
  line-height: 0;
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  header.fixed.top-0 > div.w-full {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
}

/* Remove legacy main offset — page wrappers add their own spacing */
main.pt-24 {
  padding-top: 0 !important;
}

header.fixed.top-0 nav a,
header.fixed.top-0 nav button {
  color: #fff;
}

header.fixed.top-0 nav a:hover,
header.fixed.top-0 nav button:hover {
  color: #00d4ff;
}

header.fixed.top-0 .bg-cvg-black a,
header.fixed.top-0 .bg-cvg-black button {
  color: #fff;
}

header.fixed.top-0 .bg-cvg-black a:hover {
  color: #00d4ff;
}

/* Keep dropdown panels readable on dark header */
header.fixed.top-0 div.bg-white.text-black a,
header.fixed.top-0 div.bg-white.rounded-lg a {
  color: #111;
}