@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  /* Keep display utilities from overriding the hidden attribute. */
  [hidden] {
    display: none !important;
  }
}

/* Pagy's series nav, e.g. ‹ 1 … 4 5 [6] 7 8 … 20 ›. Outside @layer so it's
   always built: the markup comes from the gem, not from a scanned template. */
.pagy {
  @apply flex flex-wrap items-center justify-center gap-0.5 text-sm sm:gap-1;
}

.pagy a {
  @apply min-w-7 rounded px-1 py-1 text-center text-gray-600 sm:min-w-8 sm:px-2;
}

.pagy a[href]:hover {
  @apply bg-gray-100 text-blue-600;
}

.pagy a[aria-current] {
  @apply bg-blue-600 font-medium text-white;
}

.pagy a[aria-disabled]:not([aria-current]) {
  @apply cursor-default text-gray-300;
}

.pagy a[role="separator"][aria-disabled] {
  @apply text-gray-400;
}

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/