/* ==========================================
   ПАГИНАЦИЯ (PAGINATION STYLES)
   ========================================== */

.pagination-nav {
    padding-block: var(--space-8); /* Хороший отступ сверху и снизу от контента */
}

/* Учитываем прошлый опыт: точечно обнуляем вертикальные паддинги у контейнера, 
   чтобы разметку не раздувало */
.pagination-nav .container {
    padding-block: 0 !important;
}

/* Скрываем стандартный заголовок WordPress для слабовидящих, 
   чтобы он не ломал дизайн, но оставался доступен для роботов */
.pagination-nav .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Сетка самой навигации WP */
.pagination-nav .nav-links {
    display: flex;
    justify-content: center; /* Центрируем пагинацию по центру экрана */
    align-items: center;
    gap: var(--space-2);     /* Зазор между кнопками */
    flex-wrap: wrap;
}

/* Базовый стиль для ВСЕХ элементов пагинации (цифры, кнопки Назад/Вперед) */
.pagination-nav .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding-inline: var(--space-3);
    font-size: var(--fs-base);
    font-family: var(--font-primary);
    color: var(--color-text);
    background-color: rgba(255, 255, 255, 0.03); /* Легкая темная подложка */
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 4px; /* Мягкое скругление углов */
    text-decoration: none;
    transition: background-color var(--transition-base), color var(--transition-base), border-color var(--transition-base);
}

/* Эффект наведения на доступные страницы и кнопки Назад/Вперед */
.pagination-nav a.page-numbers:hover {
    background-color: rgba(74, 222, 128, 0.1); /* Прозрачный намек на зеленый */
    border-color: var(--color-primary);        /* Твоя зеленая переменная */
    color: var(--color-primary);
}

/* Активная страница (на которой пользователь находится прямо сейчас) */
.pagination-nav .page-numbers.current {
    background-color: var(--color-primary); /* Горит плотным зеленым */
    border-color: var(--color-primary);
    color: #ffffff; /* Белый текст на зеленом фоне */
    font-weight: 700;
}

/* Многоточие (...) в пагинации, если страниц слишком много */
.pagination-nav .page-numbers.dots {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-text-muted);
    cursor: default;
}

/* Специфические стили для текстовых кнопок "Назад" и "Вперед" */
.pagination-nav .page-numbers.prev,
.pagination-nav .page-numbers.next {
    font-size: var(--fs-sm);
    font-weight: 500;
}