/* 2fold theme pagination — unify current page with brand red (#f90000)
   HTML: .wpagenavi > span.page-numbers.current | a.page-numbers
   Do not edit common PHP; CSS-only override.
*/
.wpagenavi {
  display: block;
  text-align: center;
  font-size: 15px;
  line-height: 46px;
  padding-top: 40px;
  color: #999; /* ellipsis text nodes between page links */
}

.wpagenavi .page-numbers,
.wpagenavi a.page-numbers,
.wpagenavi span.page-numbers,
.wpagenavi span.current,
.wpagenavi a.current,
.wpagenavi a.next,
.wpagenavi a.previous,
.wpagenavi a.prev {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 4px;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  line-height: 40px;
  font-size: 15px;
  font-family: Tahoma, Arial, sans-serif;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  color: #555;
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  -webkit-transition: background .3s ease, color .3s ease, border-color .3s ease;
  transition: background .3s ease, color .3s ease, border-color .3s ease;
}

/* Current page: solid brand red + white text */
.wpagenavi span.current,
.wpagenavi a.current,
.wpagenavi .page-numbers.current,
.wpagenavi span.page-numbers.current {
  color: #fff !important;
  background: #f90000 !important;
  border-color: #f90000 !important;
  font-weight: 600;
  cursor: default;
}

/* Hover: light red fill + red edge (not current) */
.wpagenavi a.page-numbers:hover,
.wpagenavi a.page-numbers:focus,
.wpagenavi a.next:hover,
.wpagenavi a.previous:hover,
.wpagenavi a.prev:hover,
.wpagenavi a:hover {
  color: #f90000;
  background: #ffe8e8;
  border-color: #f90000;
  text-decoration: none;
}

.wpagenavi a.current:hover,
.wpagenavi a.current:focus {
  color: #fff !important;
  background: #f90000 !important;
  border-color: #f90000 !important;
}

/* Ellipsis / plain text nodes stay quiet */
.wpagenavi .dots,
.wpagenavi span.dots,
.wpagenavi span.page-numbers.dots {
  min-width: 24px;
  padding: 0 6px;
  color: #999;
  background: transparent;
  border-color: transparent;
  font-weight: 400;
  cursor: default;
}

/* Align with theme mobile: hide page numbers, keep next/prev */
@media only screen and (min-width: 769px) and (max-width: 1023px),
       only screen and (max-width: 480px) {
  .wpagenavi span.page-numbers,
  .wpagenavi span.current,
  .wpagenavi .page-numbers.current {
    display: none;
  }
  .wpagenavi a.next,
  .wpagenavi a.previous,
  .wpagenavi a.prev {
    display: inline-block;
    padding: 0 60px;
    font-size: 18px;
  }
}