/* PETCOM common board pagination v20
   targets: bo_table=board, review, memory
   fixes GNUboard first/prev/next/end buttons appearing as empty boxes after custom board styling */

html.petcom-pagination-v20 .pg_wrap{
  clear:both!important;
}
html.petcom-pagination-v20 .pg_wrap .pg{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  text-align:left!important;
}
html.petcom-pagination-v20 .pg_wrap .pg_page,
html.petcom-pagination-v20 .pg_wrap .pg_current{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #e7ddd5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#6f6259!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:none!important;
  vertical-align:middle!important;
}
html.petcom-pagination-v20 .pg_wrap a.pg_page:hover,
html.petcom-pagination-v20 .pg_wrap a.pg_page:focus{
  border-color:#cdb8a7!important;
  background:#faf6f2!important;
  color:#503828!important;
}
html.petcom-pagination-v20 .pg_wrap .pg_current{
  border-color:#62422f!important;
  background:#62422f!important;
  color:#fff!important;
  font-weight:700!important;
}

/* GNUboard hides these labels with text-indent and GIF backgrounds.
   Restore them as crisp text arrows so missing GIFs / overridden backgrounds cannot create blanks. */
html.petcom-pagination-v20 .pg_wrap .pg_start,
html.petcom-pagination-v20 .pg_wrap .pg_prev,
html.petcom-pagination-v20 .pg_wrap .pg_next,
html.petcom-pagination-v20 .pg_wrap .pg_end{
  position:relative!important;
  overflow:visible!important;
  text-indent:0!important;
  background-image:none!important;
  font-size:0!important;
  color:transparent!important;
}
html.petcom-pagination-v20 .pg_wrap .pg_start::before,
html.petcom-pagination-v20 .pg_wrap .pg_prev::before,
html.petcom-pagination-v20 .pg_wrap .pg_next::before,
html.petcom-pagination-v20 .pg_wrap .pg_end::before{
  display:block!important;
  color:#6b584a!important;
  font-family:Arial, sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  line-height:1!important;
  text-indent:0!important;
}
html.petcom-pagination-v20 .pg_wrap .pg_start::before{content:'«'!important;}
html.petcom-pagination-v20 .pg_wrap .pg_prev::before{content:'‹'!important;}
html.petcom-pagination-v20 .pg_wrap .pg_next::before{content:'›'!important;}
html.petcom-pagination-v20 .pg_wrap .pg_end::before{content:'»'!important;}

html.petcom-pagination-v20 .pg_wrap .pg_start:hover::before,
html.petcom-pagination-v20 .pg_wrap .pg_prev:hover::before,
html.petcom-pagination-v20 .pg_wrap .pg_next:hover::before,
html.petcom-pagination-v20 .pg_wrap .pg_end:hover::before{
  color:#4c3526!important;
}

@media(max-width:767px){
  html.petcom-pagination-v20 .pg_wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px!important;
  }
  html.petcom-pagination-v20 .pg_wrap .pg{
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:100%!important;
    gap:5px!important;
  }
  html.petcom-pagination-v20 .pg_wrap .pg_page,
  html.petcom-pagination-v20 .pg_wrap .pg_current{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  html.petcom-pagination-v20 .pg_wrap .pg_start::before,
  html.petcom-pagination-v20 .pg_wrap .pg_prev::before,
  html.petcom-pagination-v20 .pg_wrap .pg_next::before,
  html.petcom-pagination-v20 .pg_wrap .pg_end::before{
    font-size:18px!important;
  }
}