/* Elegant Hover Animations for .nav-item */

/* Base Setup */

.nav-item {
  position: relative;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  perspective: 1000px;
  overflow: hidden;
}

/* Box Shadow on Hover */

.nav-item:hover {
  box-shadow: 0 6px 12px rgba(0,64,162,0.15);
}

/* Glossy Effect (Subtle Shine) */

.nav-item::before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  width: 200%;
  height: 200%;
  background: linear-gradient( 135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 100% );
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.5s ease;
  pointer-events: none;
}

.nav-item:hover::before {
  opacity: 0.5;
  transform: translate(50%, 50%);
}

/* Tilt Container (for inner content) */

.nav-item .nav-link {
  transition: transform 0.1s ease;
  display: block;
  transform-style: preserve-3d;
}