/* Fixed-header-aware anchors + clearer nav interaction */
#top,
#about,
#contact,
#services,
#owners,
#residents,
#apply,
#investors {
  scroll-margin-top: 100px;
}

@media (width <= 1180px) {
  #top,
  #about,
  #contact,
  #services,
  #owners,
  #residents,
  #apply,
  #investors {
    scroll-margin-top: 86px;
  }
}

/* Ensure dropdowns are usable when open (React or progressive enhancement) */
.nav-menu.open .nav-dropdown {
  display: grid !important;
}

/* Hover affordance on desktop without fighting click-to-open */
@media (hover: hover) and (pointer: fine) {
  .nav-menu:hover .nav-dropdown {
    display: grid;
  }
  .nav-menu:hover .nav-trigger {
    color: var(--gold-light);
  }
  .nav-menu:hover .nav-trigger > span {
    transform: rotate(180deg);
  }
}