/**
 * @file
 * Pager presentation.
 */

.pager__items {
  clear: both;
  margin-block: 1rem;
  padding: 10px 0 0;
  text-align: center;
}

.pager__item.is-active {
  font-weight: bold;
}

/* PureCSS styles the links; the list only controls layout. */
.pure-paginator {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .5em 0;
  list-style: none;
}

.pager__item {
  display: inline;
  margin: 0;
  padding: 0;
}

.pager__item > .pure-button {
  margin: 0;
  border: 0;
  border-radius: 0;
  text-decoration: none;
}

.pager__item--ellipsis {
  padding: .5em 1em;
}

.pager__item.is-active > .pure-button {
  font-weight: bold;
}

.pager__item > .pure-button:focus-visible {
  position: relative;
  outline: 2px solid currentColor;
  outline-offset: 2px;
  z-index: 1;
}

.rnd .pager__item:first-of-type > .pure-button {
  border-radius: 6px 0px 0px 6px;
}

[dir="rtl"] .rnd .pager__item:first-of-type > .pure-button,
.rnd .pager__item:last-of-type > .pure-button {
  border-radius: 0px 6px 6px 0px;
}

[dir="rtl"] .rnd .pager__item:last-of-type > .pure-button {
  border-radius: 6px 0px 0px 6px;
}

ul.pure-paginator .is-active a {
  border: none;
  color: var(--zp-pager-color);
  background: var(--zp-pager-bg);
}