/* ========= INFORMATION ============================
	- document:  WP Coder!
	- author:    Dmytro Lobov 
	- url:       https://wow-estore.com/
==================================================== */
/* PAGINATION WRAPPER */
.woocommerce-pagination{
  margin-top:40px;
}

/* ALAP GOMB */
.page-numbers li a,
.page-numbers li span{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  margin:6px;
  border-radius:50%;
  font-size:15px;
  font-weight:800;
  letter-spacing:1px;
  color:#dffff9;
  text-decoration:none;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(0,255,213,0.25);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:all .25s ease;
  box-shadow:
    0 0 12px rgba(0,255,213,0.15),
    inset 0 0 8px rgba(255,255,255,0.08);
  overflow:hidden;
}

/* NEON GLOW ANIMÁCIÓ */
.page-numbers li a::before,
.page-numbers li span::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(120deg, transparent, #00ffd5, transparent);
  opacity:.4;
  filter:blur(6px);
  animation:neonSweep 3s linear infinite;
  pointer-events:none;
}

/* HOVER */
.page-numbers li a:hover{
  transform:translateY(-2px) scale(1.08);
  border-color:#00ffd5;
  box-shadow:
    0 0 18px rgba(0,255,213,0.6),
    0 0 35px rgba(0,255,213,0.25),
    inset 0 0 12px rgba(255,255,255,0.15);
}

/* AKTÍV OLDAL */
.page-numbers li .current{
  background:linear-gradient(135deg, #00ffd5, #00aaff);
  color:#001a18;
  border:none;
  box-shadow:
    0 0 25px rgba(0,255,213,0.8),
    0 0 45px rgba(0,255,213,0.4);
}

/* NEXT GOMB (>) */
.page-numbers li .next{
  font-size:18px;
  font-weight:900;
  background:linear-gradient(135deg, rgba(0,255,213,0.15), rgba(0,170,255,0.15));
}

/* DISABLED / NINCS TOVÁBB */
.page-numbers li .next:empty{
  opacity:.3;
  pointer-events:none;
  box-shadow:none;
}

/* ANIM */
@keyframes neonSweep{
  0%{ transform:translateX(-120%); }
  100%{ transform:translateX(120%); }
}

/* MOBIL */
@media (max-width:767px){
  .page-numbers li a,
  .page-numbers li span{
    width:38px;
    height:38px;
    font-size:13px;
  }
}