/*
 * Пагинация (the_posts_pagination) и навигация между записями (the_post_navigation).
 * Разметка ядра WordPress: nav.pagination > .nav-links > .page-numbers; текущая страница — aria-current="page".
 */

.pagination {
  margin-top: var(--space-8);
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--hit-min);
  min-height: var(--hit-min);
  padding-inline: var(--space-3);
  border: var(--border-width) solid var(--color-field-border);
  border-radius: var(--radius-sm);
  background: var(--color-surface);
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  transition: background-color var(--transition-ui), color var(--transition-ui);
}

.pagination a.page-numbers:hover {
  background: var(--color-blue-soft);
  color: var(--color-primary-hover);
}

/* Текущая страница: заливка + жирность, не только цвет */
.pagination .page-numbers[aria-current="page"] {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: var(--font-weight-semibold);
}

.pagination .page-numbers.dots {
  border-color: transparent;
  background: transparent;
  color: var(--color-text-muted);
}

/* Предыдущая / следующая запись */
.post-navigation {
  margin-top: var(--space-12);
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--color-border);
}

.post-navigation .nav-links {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 48rem) {
  .post-navigation .nav-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .post-navigation .nav-next {
    grid-column: 2;
    text-align: right;
  }
}

.op-post-nav__label {
  display: block;
  color: var(--color-text-muted);
  font-size: var(--text-caption);
  font-weight: var(--font-weight-medium);
}

.op-post-nav__title {
  display: block;
  font-family: var(--font-heading);
  font-weight: var(--font-weight-bold);
}

/* Фильтр рубрик над лентой новостей (docs/39 В4): ряд ссылок-плашек, на телефоне переносится на несколько строк, прокрутки вбок нет */
.op-filter {
  margin-bottom: var(--space-6);
}

.op-filter__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.op-filter__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--hit-min);
  padding-inline: var(--space-4);
  border: var(--border-width) solid var(--color-field-border);
  border-radius: var(--radius-full);
  background: var(--color-surface);
  color: var(--color-primary);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background-color var(--transition-ui), border-color var(--transition-ui), color var(--transition-ui);
}

.op-filter__link:hover {
  border-color: var(--color-primary);
  background: var(--color-blue-soft);
  color: var(--color-primary-hover);
}

/* Текущая рубрика: заливка + жирность, не только цвет */
.op-filter__link[aria-current="page"] {
  border-color: var(--color-primary);
  background: var(--color-primary);
  color: var(--color-on-primary);
  font-weight: var(--font-weight-semibold);
}