/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Pagy Tailwind CSS - https://ddnexus.github.io/pagy/docs/api/stylesheets/#pagy-tailwind-css */
.pagy {
  @apply flex space-x-1 font-semibold text-sm text-gray-500;
}

.pagy a:not(.gap) {
  @apply block rounded-lg px-3 py-1 bg-gray-200;
}

.pagy a:not(.gap):hover {
  @apply bg-gray-300;
}

.pagy a:not(.gap):not([href]) { /* disabled links */
  @apply text-gray-300 bg-gray-100 cursor-default;
}

.pagy a:not(.gap).current {
  @apply text-white bg-gray-400;
}

.pagy label {
  @apply inline-block whitespace-nowrap bg-gray-200 rounded-lg px-3 py-0.5;
}

.pagy label input {
  @apply bg-gray-100 border-none rounded-md;
}