.nav-lamp {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 9999px;
  background: rgba(201, 168, 76, 0.08);
  border: 1px solid rgba(201, 168, 76, 0.25);
  pointer-events: none;
  opacity: 0;
  transition:
    transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
    width 0.45s cubic-bezier(0.34, 1.56, 0.64, 1),
    opacity 0.25s ease;
  z-index: 0;
}

.nav-lamp.is-visible {
  opacity: 1;
}

.nav-lamp-glow {
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 4px;
  background: #c9a84c;
  border-radius: 9999px 9999px 0 0;
}

.nav-lamp-glow::before,
.nav-lamp-glow::after {
  content: "";
  position: absolute;
  border-radius: 9999px;
  background: rgba(201, 168, 76, 0.35);
  filter: blur(6px);
}

.nav-lamp-glow::before {
  width: 48px;
  height: 24px;
  top: -10px;
  left: -8px;
}

.nav-lamp-glow::after {
  width: 32px;
  height: 24px;
  top: -6px;
  left: 0;
}

/* keep existing nav links above the lamp layer */
[data-nav-item] {
  position: relative;
  z-index: 1;
}

/* lamp effect is desktop-only — mobile keeps the existing hamburger/dropdown nav untouched */
@media (max-width: 1023px) {
  .nav-lamp {
    display: none;
  }
}