/* Navbar Styling */
.navbar {
  background-color: #1a1a1a !important;
}

.navbar-brand {
  color: #ffffff !important;
  font-weight: 600;
  font-size: 1.25rem;
}

.navbar-brand:hover {
  color: #e0e0e0 !important;
}

.nav-link {
  color: #ffffff !important;
  padding: 0.5rem 1rem !important;
  transition: all 0.3s ease;
}

.nav-link:hover {
  color: #4a9eff !important;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
}

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.3);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* User greeting styling */
.nav-item span.nav-link {
  color: #b0b0b0 !important;
  font-style: italic;
}