/* =========================================================
   Доп. стили, нужные только в WordPress-версии темы
   ========================================================= */

/* WP-PageNavi -> внешний вид как у .pagination в статическом макете */
.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 48px;
  flex-wrap: wrap;
}
.wp-pagenavi a,
.wp-pagenavi span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: .9375rem;
  color: var(--color-text);
}
.wp-pagenavi a:hover { background: var(--color-bg-soft); }
.wp-pagenavi span.current { background: var(--color-primary); color: #fff; }
.wp-pagenavi .extend { color: var(--color-text-faint); }

/* Стандартная пагинация ядра WP (запасной вариант, если плагин выключен) */
.pagination .page-numbers { display: flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; border-radius: var(--radius-sm); font-weight: 600; font-size: .9375rem; }
.pagination .page-numbers.current { background: var(--color-primary); color: #fff; }
.pagination .page-numbers:not(.current):hover { background: var(--color-bg-soft); }

/* Реальные превью-изображения постов внутри карточек/обложек */
.article-cover img,
.article-cover-lg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 0;
}

/* Активный пункт меню, который WordPress помечает системным классом */
.nav-main .current-menu-item > a,
.mobile-nav .current-menu-item > a {
  background: var(--color-primary-light);
  color: var(--color-primary);
}