/* uses the pagy gem https://ddnexus.github.io/pagy/extras/tailwind#gsc.tab=0 */

.pagy-bootstrap .pagination {
  display: flex;
  justify-content: center;
  margin-top: $spacing-md;
}

.pagy-bootstrap .page-item {
  margin-right: $spacing-xxs;
}

.pagy-bootstrap .page-item:last-child {
  margin-right: 0;
}

.pagy-bootstrap .page-link, 
.pagination .page-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: $btn-sm-height;
  height: $btn-sm-height;
  min-width: $btn-sm-height;
  color: $primary;
  border: 1px solid $primary;
  border-radius: $border-radius;

  &:hover {
    color: white;
    background-color: $link-hover-color;
    border-color: $link-hover-color;
  }
}

.pagy-bootstrap .page-item.active .page-link {
  background-color: $primary;
  color: white;
  &:hover {
    background-color: $link-hover-color;
  }
}

.pagy-bootstrap .page-item.disabled .page-link,
.pagy-bootstrap .page-item:disabled .page-link,
.pagy-bootstrap .page-item[disabled] .page-link {
  background-color: transparent;
  background-image: url("@images/pattern-stripes-gray.png");
  color: $disabled;
  border-color: $disabled;
  cursor: not-allowed;
}