/* Small navbar button/pill tweaks using Bootstrap tokens */
.navbar .nav-link,
.navbar .btn {
  transition: background-color .18s ease, color .18s ease;
  padding: .35rem .9rem;
}

/* Rounded pill appearance for both link and buttons */
.navbar .nav-link.rounded-pill,
.navbar .btn {
  border-radius: 999px;
}

/* Active state for nav links (if used) */
.navbar .nav-link.active {
  background-color: #cfe1b9;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(207,225,185,.12);
}

/* Active state for outline buttons */
.navbar .btn.active,
.navbar .btn.active:focus {
  background-color: #cfe1b9;
  color: #000000;
  border-color: #cfe1b9;
  box-shadow: 0 2px 8px rgba(207,225,185,.12);
}

.navbar .nav-link:hover,
.navbar .btn:hover {
  background-color: rgba(13,110,253,0.06);
  color: inherit;
}

@media (max-width: 991.98px) {
  /* keep larger touch targets on collapsed menu */
  .navbar .nav-link,
  .navbar .btn { width: 100%; margin: .15rem 0; }
}

/* Brand title color (slightly darker green than menu) */
.navbar-brand .fw-semibold {
  color: var(--brand-green) !important;
}