/* ===== Pagination (wp_pagination) ===== */
.pagination {
    margin-top: 40px;
}

.pagination>div>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.pagination>div>ul>li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination>div>ul>li>span:not(.page-numbers),
.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    padding: 0 12px;
    border: 1px solid var(--Ocean);
    border-radius: 6px;
    color: var(--Ocean);
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease;
}

.pagination a.page-numbers:hover {
    background-color: var(--Ocean);
    color: var(--baseLight-color);
}

.pagination .page-numbers.current {
    background-color: var(--DeepTeal);
    border-color: var(--DeepTeal);
    color: var(--Yarrow);
}

.pagination .page-numbers.dots {
    border-color: var(--Ocean);
    color: var(--Ocean);
}

/* the "X From Y" counter */
.pagination>div>ul>li:first-child>span {
    color: var(--DeepTeal);
    font-weight: 700;
}