/*
 * PidoGame shared pagination.
 * One visual contract for blog archives, product archives, comments and account lists.
 */

body.pido-theme nav.pido-pagination,
body.pido-theme nav.woocommerce-pagination.pido-pagination,
body.pido-theme nav.custom-pagination.pido-pagination {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    margin-block: 2.5rem 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    text-align: center !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

body.pido-theme nav.pido-pagination::-webkit-scrollbar,
body.pido-theme nav.woocommerce-pagination.pido-pagination::-webkit-scrollbar,
body.pido-theme nav.custom-pagination.pido-pagination::-webkit-scrollbar {
    display: none;
}

body.pido-theme nav.pido-pagination > ul.page-numbers,
body.pido-theme nav.pido-pagination > .nav-links,
body.pido-theme nav.woocommerce-pagination.pido-pagination > ul.page-numbers,
body.pido-theme nav.custom-pagination.pido-pagination > ul.page-numbers {
    display: inline-flex !important;
    float: none !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-width: max-content !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    direction: rtl;
    gap: 6px;
    list-style: none !important;
    white-space: nowrap !important;
}

body.pido-theme nav.pido-pagination ul.page-numbers > li,
body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li,
body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li {
    display: block !important;
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
}

body.pido-theme nav.pido-pagination a.page-numbers,
body.pido-theme nav.pido-pagination span.page-numbers,
body.pido-theme nav.pido-pagination .nav-links > a,
body.pido-theme nav.pido-pagination .nav-links > span,
body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > a.page-numbers,
body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > span.page-numbers,
body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > a.page-numbers,
body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > span.page-numbers {
    display: inline-flex !important;
    float: none !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--pido-control-bg) !important;
    color: var(--pido-text) !important;
    box-shadow: none !important;
    font-size: .9rem !important;
    font-weight: var(--pido-font-weight-semibold, 600) !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background-color .14s ease, color .14s ease !important;
}

body.pido-theme nav.pido-pagination :is(a, span).page-numbers.current,
body.pido-theme nav.pido-pagination .nav-links > .current,
body.pido-theme nav.woocommerce-pagination.pido-pagination :is(a, span).page-numbers.current,
body.pido-theme nav.custom-pagination.pido-pagination :is(a, span).page-numbers.current {
    background: var(--pido-primary) !important;
    color: #fff !important;
    font-weight: var(--pido-font-weight-bold, 700) !important;
}

body.pido-theme nav.pido-pagination a.page-numbers:hover,
body.pido-theme nav.pido-pagination a.page-numbers:focus-visible,
body.pido-theme nav.pido-pagination .nav-links > a:hover,
body.pido-theme nav.pido-pagination .nav-links > a:focus-visible,
body.pido-theme nav.woocommerce-pagination.pido-pagination a.page-numbers:hover,
body.pido-theme nav.woocommerce-pagination.pido-pagination a.page-numbers:focus-visible,
body.pido-theme nav.custom-pagination.pido-pagination a.page-numbers:hover,
body.pido-theme nav.custom-pagination.pido-pagination a.page-numbers:focus-visible {
    background: color-mix(in srgb, var(--pido-control-bg) 90%, var(--pido-primary) 10%) !important;
    color: var(--pido-primary) !important;
    outline: 0 !important;
}

body.pido-theme nav.pido-pagination :is(a, span).page-numbers.current:hover,
body.pido-theme nav.woocommerce-pagination.pido-pagination :is(a, span).page-numbers.current:hover,
body.pido-theme nav.custom-pagination.pido-pagination :is(a, span).page-numbers.current:hover {
    background: var(--pido-primary) !important;
    color: #fff !important;
}

body.pido-theme nav.pido-pagination :is(a, span).page-numbers.prev,
body.pido-theme nav.pido-pagination :is(a, span).page-numbers.next,
body.pido-theme nav.woocommerce-pagination.pido-pagination :is(a, span).page-numbers.prev,
body.pido-theme nav.woocommerce-pagination.pido-pagination :is(a, span).page-numbers.next,
body.pido-theme nav.custom-pagination.pido-pagination :is(a, span).page-numbers.prev,
body.pido-theme nav.custom-pagination.pido-pagination :is(a, span).page-numbers.next {
    display: none !important;
}

body.pido-theme nav.pido-pagination span.page-numbers.dots,
body.pido-theme nav.woocommerce-pagination.pido-pagination span.page-numbers.dots,
body.pido-theme nav.custom-pagination.pido-pagination span.page-numbers.dots {
    display: inline-flex !important;
    cursor: default;
    color: var(--pido-text-muted) !important;
}

@media (max-width: 575.98px) {
    body.pido-theme nav.pido-pagination > ul.page-numbers,
    body.pido-theme nav.pido-pagination > .nav-links,
    body.pido-theme nav.woocommerce-pagination.pido-pagination > ul.page-numbers,
    body.pido-theme nav.custom-pagination.pido-pagination > ul.page-numbers {
        justify-content: flex-start !important;
        gap: 5px;
    }

    body.pido-theme nav.pido-pagination a.page-numbers,
    body.pido-theme nav.pido-pagination span.page-numbers,
    body.pido-theme nav.pido-pagination .nav-links > a,
    body.pido-theme nav.pido-pagination .nav-links > span,
    body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > a.page-numbers,
    body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > span.page-numbers,
    body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > a.page-numbers,
    body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > span.page-numbers {
        min-width: 38px !important;
        height: 38px !important;
        padding-inline: 9px !important;
        font-size: .82rem !important;
    }
}

@media (max-width: 375px) {
    body.pido-theme nav.pido-pagination > ul.page-numbers,
    body.pido-theme nav.pido-pagination > .nav-links,
    body.pido-theme nav.woocommerce-pagination.pido-pagination > ul.page-numbers,
    body.pido-theme nav.custom-pagination.pido-pagination > ul.page-numbers {
        gap: 4px;
    }

    body.pido-theme nav.pido-pagination a.page-numbers,
    body.pido-theme nav.pido-pagination span.page-numbers,
    body.pido-theme nav.pido-pagination .nav-links > a,
    body.pido-theme nav.pido-pagination .nav-links > span,
    body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > a.page-numbers,
    body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > span.page-numbers,
    body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > a.page-numbers,
    body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > span.page-numbers {
        min-width: 34px !important;
        height: 34px !important;
        padding-inline: 6px !important;
        font-size: var(--pido-font-size-xs, .8125rem) !important;
    }
}

/* 1.8.42: keep the active page visible even when WooCommerce or legacy bundles
   apply a later background shorthand to pagination links. */
body.pido-theme nav.pido-pagination .page-numbers[aria-current="page"],
body.pido-theme nav.pido-pagination ul.page-numbers > li > .page-numbers.current,
body.pido-theme nav.woocommerce-pagination.pido-pagination .page-numbers[aria-current="page"],
body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li > .page-numbers.current,
body.pido-theme nav.custom-pagination.pido-pagination .page-numbers[aria-current="page"],
body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li > .page-numbers.current,
body.pido-theme nav.pido-pagination ul.page-numbers > li.is-current > .page-numbers,
body.pido-theme nav.woocommerce-pagination.pido-pagination ul.page-numbers > li.is-current > .page-numbers,
body.pido-theme nav.custom-pagination.pido-pagination ul.page-numbers > li.is-current > .page-numbers,
html[data-pido-theme="dark"] body.pido-theme nav.pido-pagination .page-numbers[aria-current="page"],
html[data-pido-theme="dark"] body.pido-theme nav.woocommerce-pagination.pido-pagination .page-numbers[aria-current="page"],
html[data-pido-theme="dark"] body.pido-theme nav.custom-pagination.pido-pagination .page-numbers[aria-current="page"] {
    border: 1px solid var(--pido-primary, #009ef7) !important;
    background: var(--pido-primary, #009ef7) !important;
    background-color: var(--pido-primary, #009ef7) !important;
    background-image: none !important;
    color: #fff !important;
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}