/* === 🌐 Navbar Polished Hover === */
.navbar .nav-link,
.navbar .navbar-brand,
.navbar .dropdown-item {
  position: relative;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover,
.navbar .dropdown-item:hover {
  color: #7dd3fc !important;
  text-shadow: 0 0 5px rgba(125, 211, 252, 0.4);
}

/* === 💫 Ripple Click Effect (Minimalist) === */
.click-effect {
  position: absolute;
  width: 80px;
  height: 80px;
  background: rgba(99, 102, 241, 0.25);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  animation: ripple 0.6s ease-out forwards;
  pointer-events: none;
  z-index: 3;
}

@keyframes ripple {
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
