.navbar {
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: saturate(180%) blur(10px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .navbar {
  background-color: rgba(33, 37, 41, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

#logo {
  transition: transform 0.2s ease;
}
#logo:hover {
  transform: scale(1.05);
}

.nav-link {
  font-weight: 500;
  color: var(--bs-body-color);
  transition: color 0.2s ease;
}

.on, .on a {
    color: #ff4c6b !important;
}

.nav-link:hover,
.nav-item.dropdown.show > .nav-link {
  color: #ff4c6b;
}

.dropdown-menu {
  border-radius: 0.75rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  animation: fadeIn 0.15s ease-in-out;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.dropdown-item {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.dropdown-item:hover {
  background-color: rgba(255, 76, 107, 0.1);
  color: #ff4c6b;
}