/* Sunspired Pagination — "bottom option" pill style
   Uses WP-PageNavi-style markup (via our wp_pagenavi shim) */

.wp-pagenavi {
  /* Set this to your primary theme color */
  --sc-pagination-accent: #11578d;

  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.wp-pagenavi a,
.wp-pagenavi span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border-radius: 10px;
  background: #f3f4f6;
  border: 1px solid rgba(0,0,0,0.08);
  text-decoration: none;
  line-height: 1;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .05s ease;
}

/* Chevron buttons (first/prev/next/last) */
.wp-pagenavi a.firstpostslink,
.wp-pagenavi a.lastpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.firstpostslink,
.wp-pagenavi span.lastpostslink,
.wp-pagenavi span.previouspostslink,
.wp-pagenavi span.nextpostslink {
  padding: 0;
  min-width: 44px;
}

/* Hover + focus */
.wp-pagenavi a:hover,
.wp-pagenavi a:focus-visible {
  background: var(--sc-pagination-accent);
  border-color: var(--sc-pagination-accent);
  color: #fff !important;
}

/* Current page */
.wp-pagenavi span.current {
  background: var(--sc-pagination-accent);
  border-color: var(--sc-pagination-accent);
  color: #fff !important;
}

/* Disabled (visible but not clickable) */
.wp-pagenavi span.is-disabled {
  background: #eceff3;
  color: rgba(0,0,0,0.30) !important;
  border-color: rgba(0,0,0,0.06);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.75;
}

/* Hide "Page X of Y" if anything outputs it */
.wp-pagenavi .pages {
  display: none;
}

/* Make pagination span full grid width and center */
.dipi-styled-blog .wp-pagenavi,
.dipi-styled-blog .pagination,
.dipi-styled-blog .et_pb_blog_grid .pagination,
.dipi-styled-blog .et_pb_ajax_pagination_container .wp-pagenavi {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  margin-top: 20px !important;
}

/* Keep Blog Module pagination visible after AJAX click */
.post-archive .wp-pagenavi,
.post-archive .pagination,
.post-archive .et_pb_ajax_pagination_container .wp-pagenavi,
.post-archive .et_pb_ajax_pagination_container .pagination {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}