/* Product Table Pagination Styles for Merch.v3 Theme */

.product-table-block-product__pagination .page-numbers a,
.product-table-block-product__pagination .page-numbers span {
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    width: auto !important;
    height: auto !important;
    border: 2px solid transparent !important;
    font-family: var(--wp--preset--font-family--outfit) !important;
    font-weight: 700 !important;
    background-color: transparent !important;
    color: var(--merch-v3-footer-text, var(--wp--preset--color--white, #FFFFFF)) !important;
    border-radius: 8px !important;
    flex-shrink: 0;
    cursor: pointer;
    transition: 0.2s;
    text-decoration: none !important;
    padding: 0 12px;
    box-sizing: border-box;
}

/* Active/Current page */
.product-table-block-product__pagination .page-numbers .current,
.product-table-block-product__pagination .page-numbers span.current {
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0px !important;
    min-height: 40px !important;
    min-width: 40px !important;
    width: auto !important;
    height: auto !important;
    border: 2px solid var(--wp--preset--color--dark-rgb-53, var(--merch-v3-border, var(--wp--preset--color--gray-border, #E5E7EB))) !important;
    font-family: var(--wp--preset--font-family--outfit) !important;
    font-weight: 700 !important;
    background-color: var(--wp--preset--color--background-dark-rgb-22, var(--merch-v3-nav-bg, var(--wp--preset--color--dark, #212121))) !important;
    color: var(--merch-v3-footer-text, var(--wp--preset--color--white, #FFFFFF)) !important;
    border-radius: 8px !important;
    flex-shrink: 0;
    cursor: pointer;
    transition: 0.2s;
    padding: 0 12px;
    box-sizing: border-box;
}

/* Hover state */
.product-table-block-product__pagination .page-numbers a:hover {
    border-color: var(--wp--preset--color--dark-rgb-53, var(--merch-v3-border, var(--wp--preset--color--gray-border, #E5E7EB))) !important;
    background-color: var(--wp--preset--color--background-dark-rgb-22, var(--merch-v3-nav-bg, var(--wp--preset--color--dark, #212121))) !important;
    color: var(--merch-v3-footer-text, var(--wp--preset--color--white, #FFFFFF)) !important;
    transform: none;
    box-shadow: none;
}