/* Additional Animations */

/* Touch gestures and mobile optimization */
@media (hover: none) and (pointer: coarse) {
  .service-item:active {
    transform: scale(0.98);
  }
  
  .navbar-link:active {
    background: hsla(240, 1%, 17%, 0.7);
  }
  
  .form-btn:active:not(:disabled) {
    transform: scale(0.98);
  }
}

/* Smooth animations for all interactive elements */
* {
  -webkit-tap-highlight-color: transparent;
}

.timeline-item {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
}

.timeline-item:nth-child(1) { animation-delay: 0.1s; }
.timeline-item:nth-child(2) { animation-delay: 0.2s; }
.timeline-item:nth-child(3) { animation-delay: 0.3s; }
.timeline-item:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.skills-item {
  opacity: 0;
  animation: slideInLeft 0.6s ease forwards;
}

.skills-item:nth-child(1) { animation-delay: 0.1s; }
.skills-item:nth-child(2) { animation-delay: 0.2s; }
.skills-item:nth-child(3) { animation-delay: 0.3s; }
.skills-item:nth-child(4) { animation-delay: 0.4s; }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.project-item {
  transition: transform var(--transition-1);
}

.project-item:hover {
  transform: translateY(-5px);
}

.clients-item {
  transition: transform var(--transition-1);
}

.clients-item:hover {
  transform: scale(1.05);
}

.form-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: var(--shadow-4);
}

.form-btn:active:not(:disabled) {
  transform: translateY(0);
}