/* ==========================================================================
   Phân trang dùng chung toàn site, cùng một kiểu (mẫu: trang Dự án /du-an/)
   - .aus-pj-pages: dự án, trang danh mục / công trình (inc/projects.php)
   - .nav-pagination: phân trang của Flatsome / WooCommerce (danh mục sản phẩm, tất cả sản phẩm, tìm kiếm, chuyên mục tin tức)
   - .hero-job-pagination: danh sách tuyển dụng (paginate_links trong functions.php)
   Ô vuông bo 8px, viền xám; trang hiện tại nền cam; di chuột viền + chữ cam
   ========================================================================== */
.aus-pj .aus-pj-pages,
ul.page-numbers.nav-pagination,
.hero-job-pagination {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px !important;
    margin: 40px 0 0 !important;
    padding: 0;
    list-style: none;
}
ul.page-numbers.nav-pagination > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Ô số trang */
.aus-pj .aus-pj-page,
ul.page-numbers.nav-pagination > li > a,
ul.page-numbers.nav-pagination > li > span,
.hero-job-pagination > .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 44px;
    height: 44px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    color: #111827;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.aus-pj a.aus-pj-page:hover,
.aus-pj a.aus-pj-page:focus-visible,
ul.page-numbers.nav-pagination > li > a:hover,
ul.page-numbers.nav-pagination > li > a:focus-visible,
.hero-job-pagination > a.page-numbers:hover,
.hero-job-pagination > a.page-numbers:focus-visible {
    border-color: #ed7106;
    background: #fff;
    color: #ed7106;
}

/* Trang hiện tại */
.aus-pj .aus-pj-page.is-current,
ul.page-numbers.nav-pagination > li > .current,
.hero-job-pagination > .page-numbers.current {
    border-color: #ed7106;
    background: #ed7106;
    color: #fff;
}

/* Trước / sau */
.aus-pj .aus-pj-page.is-nav,
ul.page-numbers.nav-pagination > li > .prev,
ul.page-numbers.nav-pagination > li > .next,
.hero-job-pagination > .page-numbers.prev,
.hero-job-pagination > .page-numbers.next {
    font-size: 22px;
    font-weight: 500;
}
ul.page-numbers.nav-pagination > li > .prev i,
ul.page-numbers.nav-pagination > li > .next i {
    font-size: 18px;
    line-height: 1;
}

/* Dấu … */
.aus-pj .aus-pj-page.is-gap,
ul.page-numbers.nav-pagination > li > .dots,
.hero-job-pagination > .page-numbers.dots {
    min-width: 24px;
    padding: 0;
    border: 0;
    background: none;
    color: #6b7280;
}

@media (max-width: 549px) {
    .aus-pj .aus-pj-page,
    ul.page-numbers.nav-pagination > li > a,
    ul.page-numbers.nav-pagination > li > span,
    .hero-job-pagination > .page-numbers {
        min-width: 40px;
        height: 40px;
    }
    .aus-pj .aus-pj-pages,
    ul.page-numbers.nav-pagination,
    .hero-job-pagination {
        margin-top: 28px !important;
    }
}