/* Global custom styles for navigation, submenu, and glassmorphism effects */

/* Dropdown visibility for nav */
.group:hover .group-hover\:opacity-100 { opacity: 1 !important; }
.group:hover .group-hover\:visible { visibility: visible !important; }
.group .invisible { visibility: hidden; }
@media (max-width: 768px) {
  .group .absolute { position: static !important; min-width: 100vw !important; left: 0 !important; }
}
/* Submenu item hover effect */
.submenu-item {
  border-radius: 0.375rem;
  padding: 0.25rem 0.75rem;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
}
.submenu-item:hover {
  background: linear-gradient(90deg, #f472b6 0%, #60a5fa 100%);
  color: #fff;
}

/* Glassmorphism nav bar effect */
.nav-blur, .glass-nav, .glass-navbar {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(79, 70, 229, 0.1);
}

/* Nav link underline animation */
.nav-link {
  position: relative;
  padding: 0.5rem 1rem;
  color: #4F46E5;
  font-weight: 500;
}
.nav-link::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #4F46E5, #7C3AED);
  transition: width 0.3s ease;
}
.nav-link:hover::after {
  width: 100%;
}