/* Nav dropdown / mega-menu styles — bolted on to homepage-shared.css */

.hg-nav__dd { position: relative; }
.hg-nav__ddtrigger {
  background: transparent; border: 0; cursor: pointer;
  color: var(--hg-text-dim); text-decoration: none;
  padding: 8px 14px; font-size: 14px; border-radius: 8px;
  font-family: var(--font-body); font-weight: 400;
  display: inline-flex; align-items: center; gap: 6px;
  transition: all .15s;
}
.hg-nav__ddtrigger:hover, .hg-nav__ddtrigger.is-on { color: #fff; background: var(--hg-card); }

.hg-mega {
  position: absolute; top: calc(100% + 8px); left: 0;
  width: 320px; padding: 12px;
  background: rgba(8, 18, 36, 0.96);
  backdrop-filter: blur(18px);
  border: 1px solid var(--hg-border-2);
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.45);
  opacity: 0; pointer-events: none; transform: translateY(-4px);
  transition: opacity .18s, transform .18s;
  z-index: 60;
}
.hg-nav__dd:hover .hg-mega,
.hg-nav__dd:focus-within .hg-mega {
  opacity: 1; pointer-events: auto; transform: translateY(0);
}
.hg-mega__head {
  font-family: var(--font-heading); font-size: 10px; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--hg-text-faint); font-weight: 500;
  padding: 6px 10px 8px;
}
.hg-mega__item {
  display: block; padding: 10px 12px; border-radius: 10px;
  text-decoration: none; color: #fff;
  transition: background-color .15s;
}
.hg-mega__item:hover { background: var(--hg-card); }
.hg-mega__item.is-on { background: var(--hg-card-2); }
.hg-mega__label { font-family: var(--font-heading); font-weight: 600; font-size: 14px; }
.hg-mega__desc  { font-size: 12px; color: var(--hg-text-dim); margin-top: 2px; line-height: 1.4; }