@media only screen and (min-width: 1200px) and (max-width: 1799px) {
	.navbar-nav {
		justify-content: end;
	}
}

/* On large screens, keep nav compact too */
@media (min-width: 992px) {
	.navbar-nav {
		gap: 0.75rem !important; /* reduce gap between links */
	}

	.navbar-nav .nav-item {
		margin-bottom: 0;
	}

	.navbar-nav .nav-link,
	.navbar-profile p {
		font-size: 20px;
	}
}

/* Optional: compress vertical padding in collapse mode */
@media (max-width: 991.98px) {
	.navbar-nav {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.navbar-nav .nav-link {
		padding-left: 0;
		padding-right: 0;
	}

	.navbar-nav .nav-link,
	.navbar-profile p {
		font-size: 0.9em;
	}
}

@media (max-width: 1199.98px) {
  .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .navbar-nav .nav-item {
    width: 100%;
  }

  .navbar-profile {
    padding-left: 0.5rem;
  }
}

@media (min-width: 1200px) {
  .navbar-nav {
    align-items: center;
  }
}

/* navbar curve */
.navbar-curve {
	position: relative;
}
@media only screen and (min-width: 769px) {
	.navbar-curve {
		top: -10px;
	}
}
@media only screen and (min-width: 1100px) {
	.navbar-curve {
		top: -15px;
	}
}
@media only screen and (min-width: 1500px) {
	.navbar-curve {
		top: -20px;
	}
}
@media only screen and (max-width: 768px) {
	.navbar-curve {
		display: none;
	}
}



/* Navbar control size of each item */
@media only screen and (min-width: 1200px) {
	.navbar-collapse .nav-item:has(#generateDaily) a {
		max-width: 175px;
		text-wrap: balance;
	}
	.navbar-collapse .nav-item:has(#generateDigest) a {
		max-width: 150px;
		text-wrap: balance;
	}
	.navbar-collapse .nav-item:has(#exploringTopics) a {
		max-width: 125px;
		text-wrap: balance;
	}
	.navbar-collapse .nav-item:has(#exploreDepartment) a {
		max-width: 175px;
		text-wrap: balance;
	}
	.navbar-collapse .nav-item:has(#respondMessages) a {
		max-width: 175px;
		text-wrap: balance;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.navbar-collapse .nav-item a {
		max-width: min-content;
	}
}

@media only screen and (min-width: 1200px) {
	.navbar-collapse .nav-item:has(#generateDaily) a {
		max-width: 150px !important;
	}
	.navbar-collapse .nav-item:has(#respondMessages) a {
		max-width: 150px !important;
	}
	.navbar-collapse .nav-item a {
		max-width: min-content !important;
	}
}
/* END of Navbar control size of each item */

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .container {
    max-width: 1300px;
  }
}