/* Pagy navigation styles with Tailwind */
.pagy nav {
  @apply isolate inline-flex -space-x-px rounded-md shadow-sm;
}

.pagy nav a,
.pagy nav span {
  @apply relative inline-flex items-center px-3 py-2 text-sm font-medium border border-gray-300;
}

.pagy nav a {
  @apply text-gray-700 bg-white hover:bg-gray-50 focus:z-20 transition-colors;
}

.pagy nav span.disabled {
  @apply text-gray-400 bg-gray-100 cursor-not-allowed;
}

.pagy nav span.current {
  @apply z-10 text-white bg-fonda-blue-600 border-fonda-blue-600;
}

.pagy nav a:first-child,
.pagy nav span:first-child {
  @apply rounded-l-md;
}

.pagy nav a:last-child,
.pagy nav span:last-child {
  @apply rounded-r-md;
}

.pagy nav .gap {
  @apply text-gray-700 bg-white;
}