/* HomePilotIQ app shell — first-class HomePilot Connect navigation */

.nav-links {
  gap: 16px;
}

.nav-links .nav-connect-link {
  position: relative;
  color: var(--gold) !important;
  font-weight: 800 !important;
}

.nav-links .nav-connect-link::after {
  content: 'NEW';
  position: absolute;
  top: -12px;
  right: -18px;
  padding: 1px 5px;
  border-radius: 999px;
  background: var(--gold);
  color: var(--navy);
  font-size: 0.46rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.nav-links .nav-connect-link:hover {
  color: var(--gold-light) !important;
}

.nav-links .nav-connect-cta {
  background: linear-gradient(135deg, var(--gold), var(--gold-light));
  color: var(--navy) !important;
  border-color: transparent !important;
  box-shadow: 0 7px 20px rgba(201,168,76,0.22);
}

.nav-links .nav-connect-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 24px rgba(201,168,76,0.30);
}

@media (max-width: 1450px) {
  .nav-links {
    gap: 11px;
  }

  .nav-links a,
  .nav-links button {
    font-size: 0.78rem !important;
  }

  .nav-links .nav-connect-link::after {
    display: none;
  }
}

@media (max-width: 1100px) {
  .nav-links .nav-connect-link::after {
    display: inline-block;
    position: static;
    margin-left: 7px;
    vertical-align: middle;
  }
}