/* Navigation Active Link */
.nav-links a.active {
  color: blue;
  font-weight: bold;
}

/* Custom Cursor Styles */
#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
  will-change: transform;
}

#cursor-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  will-change: transform;
}

.cursor-corner {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid white;
  opacity: 0;
  will-change: transform;
}

.cursor-corner.top-left {
  border-right: none;
  border-bottom: none;
  transform: translate(-100%, -100%);
}

.cursor-corner.top-right {
  border-left: none;
  border-bottom: none;
  transform: translate(0%, -100%);
}

.cursor-corner.bottom-right {
  border-left: none;
  border-top: none;
  transform: translate(0%, 0%);
}

.cursor-corner.bottom-left {
  border-right: none;
  border-top: none;
  transform: translate(-100%, 0%);
}

/* Hide default cursor on interactive elements */
.cursor-target {
  cursor: none !important;
}

/* Apply to interactive elements */
a, button, input, textarea, .btn, .nav-links li, .menu-icon, .service-card, .portfolio-card, .skill-card, .socials a, .scroll-down a {
  cursor: none !important;
}