/* Custom tab colors */
.nav-pills .nav-link {
	background-color: #f3f6fa; /* light neutral background */
	margin: 0 5px;
  border-radius: 10px;
	transition: all 0.2s ease-in-out;
}

.nav-pills .nav-link:hover {
	background-color: #e2e6ea;
	color: #000;
}

.nav-pills .nav-link.active {
	background-color: #53B656; /* Bootstrap blue */
	color: #fff;
	box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

@media (max-width: 991px) {
  #canteen-tabs .nav-link {
    margin-bottom: 8px;
	  margin-top: 8px;
    margin-right: 16px;
  }
}

.site-logo-link {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  text-decoration: none;
}

.site-logo-link h5 {
  margin: 0;
  color: white;
}

.navbar-nav .nav-link {
  border-bottom: 2px solid transparent;  /* reserve space */
  padding-bottom: 2px;
}

.navbar .nav-link.active {
  border-bottom-color: #53B656;          /* only change color */
  color: white !important;
}

.contact-title {
  text-align: center;
}

.footer h6 {
  color: whitesmoke;
  text-decoration: none;
}

.footer a {
  color: whitesmoke;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
  color: whitesmoke;
}