/* toast */
#jokes-toast { pointer-events: none; }
.jokes-toast-item {
  pointer-events: auto;
  background: rgba(15,23,42,0.95);
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: 8px;
  font-size: 14px;
  box-shadow: 0 6px 18px rgba(2,6,23,0.2);
  transition: opacity .3s ease;
}




/* Контейнер */
.pagination-wrap { display:flex; justify-content:center; align-items:center; }

/* Универсальные правила для разных вариантов разметки пагинации */
.pagination, .pagination ul { display:flex; gap:10px; list-style:none; padding:0; margin:0; }

/* Стили для ссылок внутри li или прямых a */
.pagination li a,
.pagination li span,
.pagination a,
.pagination span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;               /* размер круга */
  height:44px;
  border-radius:50%;        /* круг */
  border:2px solid #e6e9ee; /* рамка как у share */
  background:transparent;
  color:#0f172a;            /* текст */
  text-decoration:none;
  font-weight:600;
  box-shadow: 0 6px 18px rgba(2,6,23,0.06);
  transition: transform .12s ease, background-color .12s ease, color .12s ease, border-color .12s ease;
  cursor:pointer;
}

/* Hover */
.pagination li a:hover,
.pagination a:hover {
  transform: translateY(-3px);
  background:#f8fafc;
}

/* Active / текущая страница (span или a с классом active) */
.pagination li.active span,
.pagination li .active,
.pagination a.active,
.pagination span.current {
  background:#0f172a;
  color:#fff;
  border-color:#0f172a;
  box-shadow: 0 8px 24px rgba(15,23,42,0.18);
  transform: none;
}

/* Disabled (если есть) */
.pagination li.disabled span,
.pagination a[aria-disabled="true"],
.pagination .disabled {
  opacity:0.45;
  cursor:default;
  transform:none;
}

/* Стрелки или многоточие — уменьшаем размер, делаем не круглыми */
.pagination li .page-link,
.pagination .ellipsis,
.pagination li span.ellipsis {
  width:auto;
  height:auto;
  padding:6px 10px;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
}

/* Мобильная адаптация — уменьшаем размер кругов */
@media (max-width:640px) {
  .pagination li a,
  .pagination a,
  .pagination span {
    width:36px;
    height:36px;
    font-size:14px;
  }
}