/* Blog lapozó – vertikális közép, 2px-el kisebb, sárga téma */
.pager-wrapper .pager .pager-prev,
.pager-wrapper .pager .pager-next,
.pager-wrapper .pager .pager-link,
.pager-wrapper .pager .pager-current {
  display: inline-flex;
  align-items: center;      /* nyilak és szöveg középre függőlegesen */
  line-height: 1 !important;
  padding: 6px 10px;        /* 2px-el kisebb a korábbi 8x12-höz képest */
  margin: 0 3px;
  border-radius: 3px;
  text-decoration: none;
  transition: all .3s ease;
  white-space: nowrap;
}

/* Pseudo nyilak – garantált középre igazítás */

.pager-wrapper .pager .pager-next { position: relative; }

.pager-wrapper .pager .pager-link {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.pager-wrapper .pager .pager-link:hover {
  background: #fe0;
  border-color: #fe0;
  text-decoration: none;
}

.pager-wrapper .pager .pager-current {
  border: 1px solid #fe0;   /* piros keret eltávolítva */
  background: #fe0;
  color: #000;
  font-weight: bold;
}

.pager-wrapper .pager-info {
  margin-top: 15px;
  font-size: .9em;
  color: #666;
  font-style: italic;
}

/* Kategória/Keresés/Olajkereső – modern lapozó (Pager -> .pagination és „régi” sima link lista is) */
.category-pager-wrapper {
  text-align: center;
  white-space: nowrap;
}

/* Új: saját markup (.pager) a kategória oldalakhoz – blog kinézet */
.category-pager-wrapper .pager .pager-prev,
.category-pager-wrapper .pager .pager-next,
.category-pager-wrapper .pager .pager-link,
.category-pager-wrapper .pager .pager-current {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding: 6px 10px;
  margin: 0 3px;
  border-radius: 3px;
  text-decoration: none;
  transition: all .3s ease;
  white-space: nowrap;
}

.category-pager-wrapper .pager .pager-prev,
.category-pager-wrapper .pager .pager-next {
  border: 1px solid #fe0;
  background: #fe0;
  color: #333;
  font-weight: bold;
}

.category-pager-wrapper .pager .pager-link {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.category-pager-wrapper .pager .pager-link:hover {
  background: #fe0;
  border-color: #fe0;
  text-decoration: none;
}

.category-pager-wrapper .pager .pager-current {
  border: 1px solid #fe0;
  background: #fe0;
  color: #000;
  font-weight: bold;
}

/* Ha a Pager UL-t generál (Bootstrap pagination), azt is támogatjuk */
.category-pager-wrapper .pagination {
  display: inline-flex;
  gap: 3px;
  flex-wrap: wrap;
  justify-content: center;
}
.category-pager-wrapper .pagination > li {
  display: inline-block;
}
.category-pager-wrapper .pagination > li > a,
.category-pager-wrapper .pagination > li > span {
  display: inline-flex;      /* vertikális közép */
  align-items: center;
  line-height: 1 !important;
  padding: 6px 10px;         /* 2px-el kisebb */
  border-radius: 3px;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  text-decoration: none;
  transition: all .3s ease;
  margin: 0 2px;
}
.category-pager-wrapper .pagination > li > a:hover {
  background: #fe0;
  border-color: #fe0;
  text-decoration: none;
}
.category-pager-wrapper .pagination > .active > span,
.category-pager-wrapper .pagination > li.active > a,
.category-pager-wrapper .pagination > li.active > span {
  background: #fe0;
  border-color: #fe0;
  color: #000;
  font-weight: bold;
}
.category-pager-wrapper .pagination > .prev > a,
.category-pager-wrapper .pagination > .next > a,
.category-pager-wrapper .pagination > li.prev > a,
.category-pager-wrapper .pagination > li.next > a {
  background: #fe0;
  border-color: #fe0;
  color: #333;
  font-weight: bold;
}

/* Kategória lapozó (régi, egymás utáni <a>/<strong>/<span>) – blogos stílus */
.category-pager-wrapper { text-align: center; }

/* Alap stílus a „chip”-ekhez */
.category-pager-wrapper .pager a,
.category-pager-wrapper .pager strong,
.category-pager-wrapper .pager span,
.category-pager-wrapper a,
.category-pager-wrapper strong,
.category-pager-wrapper span {
  display: inline-flex !important;
  align-items: center !important;  /* vertikális közép */
  line-height: 1 !important;
  padding: 6px 10px !important;    /* 2px-el kisebb */
  margin: 0 3px !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #333 !important;
  text-decoration: none !important;
  transition: all .3s ease;
}

/* Aktuális oldal */
.category-pager-wrapper .pager strong,
.category-pager-wrapper .pager .current,
.category-pager-wrapper strong,
.category-pager-wrapper .current,
.category-pager-wrapper span.current {
  background: #fe0 !important;
  border-color: #fe0 !important;
  color: #000 !important;
  font-weight: bold !important;
}

/* Hover a szám linkeken */
.category-pager-wrapper .pager a:hover,
.category-pager-wrapper a:hover {
  background: #fe0 !important;
  border-color: #fe0 !important;
  text-decoration: none !important;
}

/* Előző / Következő gombok (title attribútum alapján azonosítjuk) */
.category-pager-wrapper .pager a[title^="előző"],
.category-pager-wrapper .pager a[title^="Előző"],
.category-pager-wrapper .pager a[title*="előző"],
.category-pager-wrapper a[title^="előző"],
.category-pager-wrapper a[title^="Előző"],
.category-pager-wrapper a[title*="előző"],
.category-pager-wrapper .pager a[title^="következő"],
.category-pager-wrapper .pager a[title^="Következő"],
.category-pager-wrapper .pager a[title*="következő"],
.category-pager-wrapper a[title^="következő"],
.category-pager-wrapper a[title^="Következő"],
.category-pager-wrapper a[title*="következő"] {
  background: #fe0 !important;
  border-color: #fe0 !important;
  color: #333 !important;
  font-weight: bold !important;
  position: relative;
}



/* Mobil (<=768px): csak Előző • aktuális • Következő maradjon látható */
@media (max-width: 768px) {
  /* Mindent rejtünk... */
  .category-pager-wrapper .pager a,
  .category-pager-wrapper .pager strong,
  .category-pager-wrapper .pager span,
  .category-pager-wrapper a,
  .category-pager-wrapper strong,
  .category-pager-wrapper span {
    display: none !important;
  }

  /* ...kivéve az Előző/Következő (title alapján) és az aktuális oldalt */
  .category-pager-wrapper .pager a[title^="előző"],
  .category-pager-wrapper .pager a[title^="Előző"],
  .category-pager-wrapper .pager a[title*="előző"],
  .category-pager-wrapper a[title^="előző"],
  .category-pager-wrapper a[title^="Előző"],
  .category-pager-wrapper a[title*="előző"],
  .category-pager-wrapper .pager a[title^="következő"],
  .category-pager-wrapper .pager a[title^="Következő"],
  .category-pager-wrapper .pager a[title*="következő"],
  .category-pager-wrapper a[title^="következő"],
  .category-pager-wrapper a[title^="Következő"],
  .category-pager-wrapper a[title*="következő"],
  /* „elöző” fallback variánsok is látszódjanak */
  .category-pager-wrapper .pager a[title^="elöző"],
  .category-pager-wrapper .pager a[title^="Elöző"],
  .category-pager-wrapper .pager a[title*="elöző"],
  .category-pager-wrapper a[title^="elöző"],
  .category-pager-wrapper a[title^="Elöző"],
  .category-pager-wrapper a[title*="elöző"],
  .category-pager-wrapper .pager .current,
  .category-pager-wrapper .current,
  .category-pager-wrapper strong,
  .category-pager-wrapper span.current {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }
}

/* Mobil (<=768px): Blog – csak Előző • AKTUÁLIS • Következő (szám linkek rejtve) */
@media (max-width: 768px) {
  .pager-wrapper .pager .pager-link {
    display: none !important;
  }
  .pager-wrapper .pager .pager-prev,
  .pager-wrapper .pager .pager-next,
  .pager-wrapper .pager .pager-current {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1;
    padding: 6px 10px !important;
    margin: 0 4px !important;
    font-size: .95em !important;
  }
}

/* Mobil (<=768px): Kategória/keresés/olajkereső – csak prev/active/next (vagy első/utolsó fallback) */
@media (max-width: 768px) {
  /* Új: a kategória .pager (blogos markup) számlinkek rejtése mobilon */
  .category-pager-wrapper .pager .pager-link {
    display: none !important;
  }
  .category-pager-wrapper .pager .pager-prev,
  .category-pager-wrapper .pager .pager-next,
  .category-pager-wrapper .pager .pager-current {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1;
    padding: 6px 10px !important;
    margin: 0 4px !important;
    font-size: .95em !important;
  }
    .pagination-container.category-pager-wrapper{
        margin-top: 28px;
        margin-left: 12%;
    }
  /* Ha a Pager UL-t generál (Bootstrap pagination), ott is minimalizálunk */
  .category-pager-wrapper .pagination {
    justify-content: center;
  }
  .category-pager-wrapper .pagination > li {
    display: none;
  }
  .category-pager-wrapper .pagination > li.prev,
  .category-pager-wrapper .pagination > li.next,
  .category-pager-wrapper .pagination > li.active {
    display: inline-flex;
  }
  /* Fallback, ha nincs prev/next osztály */
  .category-pager-wrapper .pagination > li:first-child,
  .category-pager-wrapper .pagination > li:last-child {
    display: inline-flex;
  }

  /* „Régi” Pager esetén is minimalizálunk: csak első/aktív/utolsó + ha vannak 'Következő/Előző' szövegű linkek */
  .category-pager-wrapper a,
  .category-pager-wrapper strong,
  .category-pager-wrapper span {
    margin: 0 4px;
  }
}

/* Lapozó gombok után beszúrt FontAwesome-nyilak kikapcsolása */
.pagination-container ul li.prev a::after,
.pagination-container ul li.next a::after {
    display: none !important;
    content: none !important;
}

/* Prev/Következő gombok vertikális középre igazítása és egységes magasság */
.pagination-container ul li.prev a,
.pagination-container ul li.next a {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding: 6px 10px; /* egységes „chip” méret */
}

/* Mobil (<=768px): a <li>-k szintjén rejtsük a nem szükséges elemeket,
   így nem marad „üres hely” a rejtett gombok után */
@media (max-width: 768px) {
  /* Alap: minden li rejtése */
  .pagination-container ul > li {
    display: none !important;
  }

  /* Csak az Előző/Következő és az aktív oldal li maradjon */
  .pagination-container ul > li.prev,
  .pagination-container ul > li.next,
  .pagination-container ul > li.active {
    display: inline-flex !important;
  }

  /* Ha nincs .active osztály, de span.pager-current/currect van benne, akkor is mutassuk */
  .pagination-container ul > li:has(> span.pager-current),
  .pagination-container ul > li:has(> span.pager-currect) {
    display: inline-flex !important;
  }
}

/* Mobilos „rés” eltüntetése: a régi, sima linkes pagerben a
   szeparátorok/szóközök is helyet foglalnak – 0 font-size a konténeren,
   és csak a látható elemekre adunk explicit betűméretet */
@media (max-width: 768px) {
  /* Régi (sima <a>/<span>) és blog pager konténer */
  .category-pager-wrapper,
  .category-pager-wrapper .pager,
  .pager-wrapper .pager {
    font-size: 0 !important; /* a text node nem foglal helyet */
  }

  /* Csak ezekre állítunk vissza betűméretet (így egymás mellé ugranak) */
  .category-pager-wrapper span.pager-current,
  .category-pager-wrapper span.pager-currect,
  .pager-wrapper .pager span.pager-current,
  .pager-wrapper .pager span.pager-currect,
  .category-pager-wrapper a[rel="prev"],
  .category-pager-wrapper a[rel="next"],
  /* title-alapú prev/next – pontos és részleges egyezések, kis/nagybetűs és "elöző" variánsok is */
  .category-pager-wrapper a[title="következő oldal"],
  .category-pager-wrapper a[title="Következő oldal"],
  .category-pager-wrapper a[title^="következő"],
  .category-pager-wrapper a[title^="Következő"],
  .category-pager-wrapper a[title*="következő"],
  .category-pager-wrapper a[title="előző oldal"],
  .category-pager-wrapper a[title="Előző oldal"],
  .category-pager-wrapper a[title^="előző"],
  .category-pager-wrapper a[title^="Előző"],
  .category-pager-wrapper a[title*="előző"],
  .category-pager-wrapper a[title="elöző oldal"],
  .category-pager-wrapper a[title^="elöző"],
  .category-pager-wrapper a[title^="Elöző"],
  .category-pager-wrapper a[title*="elöző"],
  .pager-wrapper .pager .pager-prev,
  .pager-wrapper .pager .pager-next {
    font-size: 14px !important;
  }

  /* UL-alapú pager esetén is védőháló: szóközök nullázása a konténeren,
     és a látható elemekre visszaállítás */
  .category-pager-wrapper .pagination {
    font-size: 0 !important;
  }
  .category-pager-wrapper .pagination > li.prev > a,
  .category-pager-wrapper .pagination > li.next > a,
  .category-pager-wrapper .pagination > li.active > a,
  .category-pager-wrapper .pagination > li.active > span {
    font-size: 14px !important;
  }

  /* Prev/Következő linkek egységes magasságban és középre igazítva */
  .category-pager-wrapper a[rel="prev"],
  .category-pager-wrapper a[rel="next"],
  .pager-wrapper .pager .pager-prev,
  .pager-wrapper .pager .pager-next {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    padding: 6px 10px !important;
  }
}

/* Aktuális oldal gomb – támogatja a .pager-currect (elírt) és a .pager-current osztályt is */
.category-pager-wrapper span.pager-currect,
.category-pager-wrapper span.pager-current,
.pager-wrapper .pager span.pager-currect,
.pager-wrapper .pager span.pager-current {
  line-height: 1 !important;
  padding: 6px 10px !important;
  margin: 0 3px !important;
  border: 1px solid #fe0 !important;
  background: #fe0 !important;
  color: #000 !important;
  border-radius: 3px !important;
  font-weight: bold !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Nem aktív lapszám gombok/hivatkozások egységes stílusa */
.pager-wrapper .pager .pager-link,
.category-pager-wrapper .pager a,
.category-pager-wrapper a {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  padding: 6px 10px;
  margin: 0 2px;
  text-decoration: none;
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
  border-radius: 3px;
  transition: 0.3s;
}

/* Prev/Next gombok (nyilak) – egységes magasság és vertikális közép */
.pager-wrapper .pager .pager-prev,
.pager-wrapper .pager .pager-next,
.category-pager-wrapper .pager .pager-prev,
.category-pager-wrapper .pager .pager-next,
.category-pager-wrapper .pagination > li.prev > a,
.category-pager-wrapper .pagination > li.next > a {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding: 6px 10px;
}

/* Mobil (<=768px): csak Előző • AKTUÁLIS • Következő látszódjon */
@media (max-width: 768px) {
  /* Alapból minden rejtve a lapozóban */
  .pager-wrapper .pager a,
  .pager-wrapper .pager span,
  .category-pager-wrapper .pager a,
  .category-pager-wrapper .pager span,
  .category-pager-wrapper a,
  .category-pager-wrapper span,
  .category-pager-wrapper strong,
  .category-pager-wrapper .pagination > li {
    display: none !important;
  }

  /* Aktuális oldal – mindkét lehetséges osztálynévvel */
  .pager-wrapper .pager span.pager-current,
  .pager-wrapper .pager span.pager-currect,
  .category-pager-wrapper span.pager-current,
  .category-pager-wrapper span.pager-currect,
  .category-pager-wrapper .pagination > li.active,
  .category-pager-wrapper .pagination > li.active > a,
  .category-pager-wrapper .pagination > li.active > span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  /* Előző/Következő gombok mutatása – osztály és title alapján is */
  .pager-wrapper .pager .pager-prev,
  .pager-wrapper .pager .pager-next,
  .category-pager-wrapper .pager .pager-prev,
  .category-pager-wrapper .pager .pager-next,
  .category-pager-wrapper a[rel="prev"],
  .category-pager-wrapper a[rel="next"],
  .category-pager-wrapper .pager a[title^="előző"],
  .category-pager-wrapper .pager a[title^="Előző"],
  .category-pager-wrapper .pager a[title*="előző"],
  .category-pager-wrapper .pager a[title^="következő"],
  .category-pager-wrapper .pager a[title^="Következő"],
  .category-pager-wrapper .pager a[title*="következő"],
  .category-pager-wrapper .pagination > li.prev,
  .category-pager-wrapper .pagination > li.next,
  .category-pager-wrapper .pagination > li.prev > a,
  .category-pager-wrapper .pagination > li.next > a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
      font-size: 14px !important;
  }
}