/* app/assets/stylesheets/components/pagination.css */
/* Styles Pagy's default pagy_nav output (.pagy.nav) to match the app's
   button/badge language. Pagy only adds classes for the active page
   (.current) and the ellipsis (.gap); disabled prev/next links are plain
   <a aria-disabled="true"> with no class, so that's targeted by attribute.
   The current-page link also carries aria-disabled="true" (it isn't
   clickable either), so the disabled-dimming rule below explicitly
   excludes .current, otherwise it wins on source order and washes out
   the teal highlight. */

.pagy.nav {
  @apply flex items-center gap-1.5 flex-wrap;
}

.pagy.nav a {
  @apply inline-flex items-center justify-center min-w-8 h-8 px-2.5 rounded-lg
         text-sm font-medium text-gray-600 bg-white border border-gray-200
         no-underline transition-colors duration-150;
}

.pagy.nav a:hover {
  @apply bg-gray-50 text-gray-900;
}

.pagy.nav a.current {
  @apply bg-teal-600 border-teal-600 text-white;
}

.pagy.nav a.gap {
  @apply border-transparent bg-transparent text-gray-400 cursor-default;
}

.pagy.nav a[aria-disabled="true"]:not(.current) {
  @apply opacity-40 cursor-not-allowed border-transparent bg-transparent hover:bg-transparent hover:text-gray-600;
}

.pagy.info {
  @apply text-xs text-gray-400;
}