/* v57.60.38 — Seven category archives: exact pagination parity with All Listings.
 * Presentation only. Directorist keeps pagination URLs, AJAX, queries and result counts.
 * Important: only UL.page-numbers is treated as the flex container; individual
 * A/SPAN.page-numbers remain tiles. This avoids the v57.60.37 specificity collision.
 */
body.njf-themed-archive .directorist-pagination,
body.njf-themed-archive .directorist-pagination-wrap{
  margin-top:14px!important;
  margin-bottom:4px!important;
  padding:0!important;
}

/* Pagination ROW only. Do not target generic .page-numbers here because
   Directorist also assigns that class to each link/span. */
body.njf-themed-archive .directorist-pagination ul,
body.njf-themed-archive .directorist-pagination ul.page-numbers,
body.njf-themed-archive .directorist-pagination-wrap ul,
body.njf-themed-archive .directorist-pagination-wrap ul.page-numbers{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.njf-themed-archive .directorist-pagination li,
body.njf-themed-archive .directorist-pagination-wrap li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* 1:1 visual language from All Listings .njf-mixed-pagination. */
body.njf-themed-archive .directorist-pagination li > a,
body.njf-themed-archive .directorist-pagination li > span,
body.njf-themed-archive .directorist-pagination ul > a,
body.njf-themed-archive .directorist-pagination ul > span,
body.njf-themed-archive .directorist-pagination-wrap li > a,
body.njf-themed-archive .directorist-pagination-wrap li > span,
body.njf-themed-archive .directorist-pagination-wrap ul > a,
body.njf-themed-archive .directorist-pagination-wrap ul > span{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  min-width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:850!important;
  text-decoration:none!important;
}

body.njf-themed-archive .directorist-pagination .current,
body.njf-themed-archive .directorist-pagination .active > a,
body.njf-themed-archive .directorist-pagination .active > span,
body.njf-themed-archive .directorist-pagination [aria-current="page"],
body.njf-themed-archive .directorist-pagination-wrap .current,
body.njf-themed-archive .directorist-pagination-wrap .active > a,
body.njf-themed-archive .directorist-pagination-wrap .active > span,
body.njf-themed-archive .directorist-pagination-wrap [aria-current="page"]{
  background:#1593aa!important;
  border-color:#1593aa!important;
  color:#fff!important;
}

body.njf-themed-archive .directorist-pagination li > a:hover,
body.njf-themed-archive .directorist-pagination li > a:focus-visible,
body.njf-themed-archive .directorist-pagination-wrap li > a:hover,
body.njf-themed-archive .directorist-pagination-wrap li > a:focus-visible{
  background:rgba(255,255,255,.17)!important;
  border-color:rgba(255,255,255,.38)!important;
  color:#fff!important;
}

@media(max-width:700px){
  body.njf-themed-archive .directorist-pagination ul,
  body.njf-themed-archive .directorist-pagination ul.page-numbers,
  body.njf-themed-archive .directorist-pagination-wrap ul,
  body.njf-themed-archive .directorist-pagination-wrap ul.page-numbers{
    gap:9px!important;
  }
  body.njf-themed-archive .directorist-pagination li > a,
  body.njf-themed-archive .directorist-pagination li > span,
  body.njf-themed-archive .directorist-pagination ul > a,
  body.njf-themed-archive .directorist-pagination ul > span,
  body.njf-themed-archive .directorist-pagination-wrap li > a,
  body.njf-themed-archive .directorist-pagination-wrap li > span,
  body.njf-themed-archive .directorist-pagination-wrap ul > a,
  body.njf-themed-archive .directorist-pagination-wrap ul > span{
    min-width:48px!important;
    height:48px!important;
    padding:0 12px!important;
    border-radius:14px!important;
    font-size:16px!important;
  }
}