/* non-SASS overrides for quick edits */

/* General Pagination Container */
.wp-block-query-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin: 2rem 0;
  flex-wrap: wrap;
}

/* Links and Current Page Base Style */
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .current {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
  text-decoration: none;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}

/* Hover and Focus Styles */
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus {
  border-color: var(--wp--preset--color--accent-1);
  outline: none;
  color: var(--wp--preset--color--accent-1);
}

/* Current Page */
.wp-block-query-pagination .current {
  background-color: var(--wp--preset--color--accent-1);
  color: white;
  border-color: var(--wp--preset--color--accent-1);
  cursor: default;
}

/* Arrows Styling */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
}

.wp-block-query-pagination-previous span,
.wp-block-query-pagination-next span {
  margin: 0 !important;
}

/* Dots */
.page-numbers.dots {
  background: none;
  border: none;
  width: auto;
  height: auto;
  padding: 0 0.5rem;
  align-items: center;
}