/* Project Filter Enhancements */
.project-filters select:focus,
.project-filters input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.5);
}

/* Smooth transitions for project cards */
.project-card {
  transition: all 0.2s ease-in-out;
}

.project-card:hover {
  transform: translateY(-2px);
}

/* Pagination styling enhancements */
.pagination-nav a {
  transition: all 0.15s ease-in-out;
}

.pagination-nav a:hover {
  background-color: rgb(249 250 251);
}

/* Filter tags animation */
.filter-tag {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Loading state for filters */
.filters-loading {
  opacity: 0.6;
  pointer-events: none;
}

/* Better focus states */
.btn-focus:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgb(59 130 246 / 0.5);
}

/* Responsive improvements */
@media (max-width: 640px) {
  .project-card {
    margin-bottom: 1rem;
  }
  
  .filter-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}