/*
 * Application-wide styles. Tailwind handles 99 % du design via les
 * classes utilitaires ; ce fichier ne couvre que les rendus HTML
 * produits par des gems externes (pagy) qu'on ne peut pas styler
 * inline.
 */

/* ─── Pagy navigation (.pagy-nav wrapper) ─────────────────────────── */
.pagy-nav .pagy.nav {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.pagy-nav .pagy.nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  border: 1px solid rgb(226 232 240);   /* slate-200 */
  border-radius: 0.375rem;
  color: rgb(71 85 105);                /* slate-600 */
  background: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

.pagy-nav .pagy.nav a:hover {
  background: rgb(248 250 252);         /* slate-50 */
  border-color: rgb(203 213 225);       /* slate-300 */
  color: rgb(15 23 42);                 /* slate-900 */
}

.pagy-nav .pagy.nav a.current {
  background: rgb(79 70 229);           /* indigo-600 */
  border-color: rgb(79 70 229);
  color: #fff;
  cursor: default;
}

.pagy-nav .pagy.nav a[aria-disabled="true"] {
  color: rgb(203 213 225);              /* slate-300 */
  cursor: not-allowed;
  pointer-events: none;
  background: #fff;
}

.pagy-nav .pagy.nav .gap {
  padding: 0 0.25rem;
  color: rgb(148 163 184);              /* slate-400 */
}