/* Gallery pagination — lane fleet-gallery-pagination-01.
   Public-components.css paints the baseline `.pagination`/`.page-item`/`.page-link` from
   tokens (var(--primary), var(--surface), var(--border), var(--primary-foreground)). This
   block only adds what the markup needs: centred placement, sane spacing above the shell,
   and a hover affordance that respects the active paint. Tokens only; no Bootstrap. */

.gallery-page__pagination {
  display: flex;
  justify-content: center;
  margin-top: clamp(2rem, 5vw, 3rem);
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.gallery-page__pagination-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
}

.gallery-page__pagination-item {
  margin: 0;
}

.gallery-page__pagination-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  padding: 0.5rem 0.85rem;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.gallery-page__pagination-link:hover {
  transform: translateY(-1px);
}

.gallery-page__pagination-link--prev,
.gallery-page__pagination-link--next {
  padding-left: 1.05rem;
  padding-right: 1.05rem;
}

.gallery-page__pagination-link--current {
  font-weight: 700;
}

.gallery-page__pagination-link--disabled {
  cursor: not-allowed;
  opacity: 0.55;
  pointer-events: none;
}

/* Reduced-motion twin — strip the hover transform + transitions. */
@media (prefers-reduced-motion: reduce) {
  .gallery-page__pagination-link,
  .gallery-page__pagination-link:hover {
    transition: none;
    transform: none;
  }
}