/* Scope the compatibility fix to editorial archives, never job listings. */
body.hisolife-blog-pagination .pagination {
    overflow: visible;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi > li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi > li:has(> .pages) {
    display: none;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi a,
body.hisolife-blog-pagination .pagination .wp-pagenavi .current,
body.hisolife-blog-pagination .pagination .wp-pagenavi .extend {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 44px;
    margin: 0;
    padding: 8px 12px;
    border: 0;
    border-radius: 4px;
    line-height: 28px;
    vertical-align: middle;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi .extend {
    min-width: 20px;
    padding-inline: 0;
    background: transparent;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi a:not(:hover) {
    color: #595959;
}

/* Workscout hides these controls and positions them over the page numbers. */
body.hisolife-blog-pagination .pagination .wp-pagenavi .previouspostslink,
body.hisolife-blog-pagination .pagination .wp-pagenavi .nextpostslink {
    display: inline-flex !important;
    position: static;
    visibility: visible;
    inset: auto;
}

body.hisolife-blog-pagination .pagination .wp-pagenavi a:focus-visible {
    /* The theme's global link reset uses !important for outline. */
    outline: 2px solid #235d35 !important;
    outline-offset: 3px;
}

@media (max-width: 767px) {
    body.hisolife-blog-pagination .pagination .wp-pagenavi {
        justify-content: flex-start;
    }
}