/* Job Items Hover Effects */
.job-item:hover { 
  transform: translateY(-5px); 
  box-shadow: var(--shadow-lg) !important; 
}

.apply-btn:hover { 
  background: var(--primary-dark) !important; 
}

.job-item h3 a:hover { 
  color: var(--primary-color) !important; 
}

/* Filter Buttons */
.filter-btn:hover,
.filter-btn.active { 
  background: var(--primary-color) !important; 
  color: var(--text-light) !important; 
}

.filter-btn:not(.active):hover { 
  background: var(--bg-secondary) !important; 
  color: var(--primary-color) !important; 
}

/* Job Item Animation */
.job-item { 
  animation: fadeInUp 0.6s ease forwards; 
  opacity: 0; 
  transform: translateY(var(--spacing-md)); 
}

.job-item:nth-child(1) { animation-delay: var(--transition-fast); }
.job-item:nth-child(2) { animation-delay: var(--transition-fast); }
.job-item:nth-child(3) { animation-delay: var(--transition-normal); }
.job-item:nth-child(4) { animation-delay: 0.4s; }
.job-item:nth-child(5) { animation-delay: 0.5s; }
.job-item:nth-child(6) { animation-delay: 0.6s; }

@keyframes fadeInUp { 
  to { 
    opacity: 1; 
    transform: translateY(0); 
  } 
}