/* app/assets/stylesheets/pagy.tailwind.css */

.pagy {
  @apply flex items-center justify-between border-t border-gray-200 bg-white px-4 py-3 sm:px-6;
}
.pagy .mobile-nav {
  @apply flex flex-1 justify-between sm:hidden;
}
.pagy .desktop-nav {
  @apply hidden sm:flex sm:flex-1 sm:items-center sm:justify-between;
}
/* Previous/Next buttons (mobile) */
.pagy .mobile-nav a,
.pagy .mobile-nav span {
  @apply relative inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50;
}
.pagy .mobile-nav span {
  @apply text-gray-400 cursor-default pointer-events-none;
}
/* Summary text (desktop) */
.pagy .summary {
  @apply text-sm text-gray-700;
}
.pagy .summary .number {
  @apply font-medium;
}
/* Numeric links (desktop) */
.pagy nav {
  @apply isolate inline-flex -space-x-px rounded-md shadow-xs;
}
.pagy nav a,
.pagy nav span {
  @apply relative inline-flex items-center px-4 py-2 text-sm font-semibold ring-1 ring-gray-300 ring-inset hover:bg-gray-50 focus:z-20;
}
.pagy nav a {
  @apply text-gray-900;
}
.pagy nav span {
  @apply text-gray-700;
}
.pagy nav a[aria-current="page"] {
  @apply z-10 bg-indigo-600 text-white;
}
.pagy nav a.rounded-l-md {
  @apply rounded-l-md;
}
.pagy nav a.rounded-r-md {
  @apply rounded-r-md;
}