.blacknav {
	background-color: black !important;
}

.nav-link {
	text-decoration: underline;
}

@media (min-width: 992px) {
	/* Force the collapsible wrapper to stay open */
	#navbarNav {
		display: flex !important;	  /* override Bootstrap’s collapse */
		flex-basis: auto;
	}

	/* Center the list inside the wrapper */
	.navbar-nav {
		margin: 0 auto;		/* same as mx-auto */
	}
}

/* ------------------------------------------------------------------
   2. Mobile – let Bootstrap handle the collapse (no extra CSS needed)
   ------------------------------------------------------------------ */
/* Optional: make collapsed items full-width and add a little spacing */
@media (max-width: 991.98px) {
	.navbar-collapse .nav-item {
		text-align: center;		/* optional centering */
	}
	.navbar-collapse .nav-link {
		padding: 0.75rem 1rem;	 /* a bit more tap area */
	}
}