/*
 * Application-wide custom styles. Loaded via stylesheet_link_tag "application".
 * Tailwind (builds/tailwind.css) and the Inter font (inter-font.css) are loaded
 * separately in the layout. Propshaft serves this file as-is — no sprockets
 * require_* directives.
 */

/*
 * Pagination (pagy). Pagy's own pagy-tailwind.css starts with
 * `@import "tailwindcss"` — it expects to BE the Tailwind entrypoint, which
 * would clash with builds/tailwind.css — so the nav is styled here instead, in
 * the app's own indigo/gray palette. Kaminari's markup was never styled at all.
 */
nav.pagy {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}

nav.pagy a {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  border: 1px solid #e5e7eb;      /* gray-200 */
  border-radius: 0.375rem;
  color: #4f46e5;                 /* indigo-600 */
  background-color: #fff;
  text-decoration: none;
}

nav.pagy a:hover:not([aria-disabled="true"]) {
  background-color: #eef2ff;      /* indigo-50 */
}

/* The current page, and the gap/disabled arrows. */
nav.pagy a[aria-current="page"] {
  background-color: #4f46e5;      /* indigo-600 */
  border-color: #4f46e5;
  color: #fff;
  font-weight: 600;
}

nav.pagy a[aria-disabled="true"] {
  color: #9ca3af;                 /* gray-400 */
  background-color: #f9fafb;      /* gray-50 */
  cursor: default;
}