/* ============================================================
   Shared pagination (paginate_links() output inside <nav class="pagination">)
   Same look as /products/: the border comes from event.css, the rest from
   shop.css. Both are copied here so every listing (products, category
   pages, news, ...) looks the same without loading shop.css.
   Loaded on every page, right after event.css and shop.css.
   ============================================================ */

/* ---------- Pagination ---------- */
.pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

/* Базовый вид всех элементов (числа, стрелки, многоточие) */
.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    justify-content: center;
    text-decoration: none;
    color: #8A765C;          /* коричневый */
    font-size: 16px;
    line-height: 1;
    border: 1px solid #cfcfcf;     /* from event.css */
    border-radius: 8px;
    transition: background 0.2s, color 0.2s;
    font-family:"Work Sans", serif;
}

/* Ссылки при наведении */
.pagination a.page-numbers:hover {
    background: #f1ece5;
    color: #6e5a40;
}

/* Текущая страница — коричневый фон, белый текст */
.pagination .page-numbers.current {
    background: #8A765C;
    color: #fff;
}

/* Многоточие — без фона и наведения */
.pagination .page-numbers.dots {
    color: #8A765C;
    background: transparent;
    min-width: auto;
    padding: 0 4px;
}

/* Previous / Next */
.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    padding: 0 14px;
    color: #8A765C;
}

.pagination .prev.page-numbers:hover,
.pagination .next.page-numbers:hover {
    background: #f1ece5;
}

/* Стрелки рядом с текстом */
.pagination .nav-arrow {
    font-size: 16px;
    line-height: 1;
}
.pagination .nav-prev { margin-right: 2px; }
.pagination .nav-next { margin-left: 2px; }


/* Category pages (category.php): old wrapper class kept for spacing */
.cat-editorial__pagination.pagination {
    margin-top: 30px;
    margin-bottom: 40px;
}
.cat-editorial__pagination.pagination .page-numbers {
    padding: 0 8px;
    font-weight: 400;
}
.cat-editorial__pagination.pagination .prev.page-numbers,
.cat-editorial__pagination.pagination .next.page-numbers {
    padding: 0 14px;
}