/* Tailwind is handled via tailwindcss-rails gem */
/* Custom overrides */

.active {
  @apply bg-primary/10 text-primary font-semibold;
}

/* Pagy nav styling */
.pagy nav {
  display: flex;
  gap: 0.25rem;
  align-items: center;
  flex-wrap: wrap;
}

.pagy nav a,
.pagy nav span {
  padding: 0.25rem 0.6rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  border: 1px solid hsl(var(--b3));
  background: hsl(var(--b1));
  color: hsl(var(--bc));
  text-decoration: none;
  transition: all 0.15s;
}

.pagy nav a:hover {
  background: hsl(var(--p));
  color: hsl(var(--pc));
  border-color: hsl(var(--p));
}

.pagy nav span.current {
  background: hsl(var(--p));
  color: hsl(var(--pc));
  border-color: hsl(var(--p));
  font-weight: 600;
}