/* CSSSPLIT 002, 002_pagination.css, 176-268, All pagination styles --/--/-- */
/* Version 01.1.1 */



/* v2025.11.01-pg — Pagination styling for main public artwork gallery */
.navigation.pagination{
  margin: 2.2rem 0 1rem;
}
.navigation.pagination .nav-links{
  display:flex; gap:8px; justify-content:center; align-items:center; flex-wrap:wrap;
}

.navigation.pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 2.25rem; height: 2.25rem; padding: 0 .75rem;
  border-radius: 999px;
  border:1px solid #c8d7cf;
  background:#f6faf8;
  color:#145c3a;
  font-size:.95rem; line-height:1;
  text-decoration:none;
  transition: transform .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.navigation.pagination .page-numbers:hover{
  transform: translateY(-1px);
  background:#ecf7f1;
  border-color:#9bc9b7;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}

.navigation.pagination .page-numbers.current{
  background:#1e6a5f;
  color:#fff;
  border-color:#1e6a5f;
  box-shadow:0 2px 0 rgba(0,0,0,.05) inset;
}

.navigation.pagination .page-numbers.prev::before{
  content:"←";
  margin-right:.45rem;
}
.navigation.pagination .page-numbers.next::after{
  content:"→";
  margin-left:.45rem;
}

/* accessibility focus */
.navigation.pagination .page-numbers:focus-visible{
  outline:2px solid #1e6a5f;
  outline-offset:2px;
}
/* Art single pagination */
/* Pagination: circular prev/next with single arrow, match site style */
.art-single-nav .page-numbers.prev::before,
.art-single-nav .page-numbers.next::after{ content: none; }  /* kill extra arrows */

.art-single-nav .page-numbers.prev,
.art-single-nav .page-numbers.next{
  width: 2.25rem; height: 2.25rem; padding: 0;
  border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
}

/* Keep the same hover feel as archive pagination */
.art-single-nav .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 2.25rem; height: 2.25rem; padding: 0 .75rem;
  border-radius:999px; border:1px solid #c8d7cf;
  background:#f6faf8; color:#145c3a;
  font-size:.95rem; line-height:1; text-decoration:none;
  transition: transform .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.art-single-nav .page-numbers:hover{
  transform: translateY(-1px);
  background:#ecf7f1; border-color:#9bc9b7; box-shadow:0 1px 0 rgba(0,0,0,.03);
}

/* Prev/Next styled like archive pagination */
.art-single-nav{
  margin: 1.8rem 0 1rem;
}
.art-single-nav .nav-links{
  display:flex; gap:8px; justify-content:center; align-items:center; flex-wrap:wrap;
}
.art-single-nav .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width: 2.25rem; height: 2.25rem; padding: 0 .75rem;
  border-radius:999px; border:1px solid #c8d7cf;
  background:#f6faf8; color:#145c3a;
  font-size:.95rem; line-height:1; text-decoration:none;
  transition: transform .12s ease, background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.art-single-nav .page-numbers:hover{
  transform: translateY(-1px);
  background:#ecf7f1; border-color:#9bc9b7; box-shadow:0 1px 0 rgba(0,0,0,.03);
}