/* Pagy pagination — dark theme */

.pagy {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
}

.pagy a,
.pagy span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.15s;
}

.pagy a {
  color: #b8ada3; /* surface-200 */
  border: 1px solid #3d3834; /* surface-500 */
  background: #1a1816; /* surface-800 */
}

.pagy a:hover {
  color: #e8e0d8; /* surface-100 */
  background: #252220; /* surface-700 */
  border-color: #5c554e; /* surface-400 */
}

.pagy a.current {
  color: #0f0e0c; /* surface-900 */
  background: #c4a96e; /* gold-300 */
  border-color: #c4a96e;
  font-weight: 600;
}

.pagy span.gap {
  color: #5c554e; /* surface-400 */
  border: none;
  background: none;
}

.pagy span:not(.gap) {
  color: #3d3834; /* surface-500 */
  border: 1px solid #302c29; /* surface-600 */
  background: #1a1816; /* surface-800 */
  cursor: not-allowed;
}