/* =========================================
   ADAPTIVE QUERY
   PAGINATION
========================================= */


/* =========================================
   PAGINATION WRAPPER
========================================= */

.cb-aq-pagination-wrapper {

    margin-top:
        var(
            --cb-aq-pagination-gap,
            6px
        );

}


/* =========================================
   PAGINATION
========================================= */

.cb-aq-pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}


/* =========================================
   PAGINATION BUTTONS
========================================= */

.cb-aq-pagination button {

    font-size:
        var(
            --cb-aq-pagination-font-size,
            14px
        );

    color:
        var(
            --cb-aq-pagination-font-color,
            inherit
        );

    background:
        transparent;

    border:
        0;

}


/* =========================================
   HOVER
========================================= */

.cb-aq-pagination button:hover {

    background:
        var(
            --cb-aq-pagination-navigation-color,
            transparent
        );

}


/* =========================================
   ACTIVE PAGE
========================================= */

.cb-aq-pagination-page.is-active {

    background:
        var(
            --cb-aq-pagination-active-background,
            transparent
        );

}


/* =========================================
   DISABLED
========================================= */

.cb-aq-pagination button:disabled {

    cursor:
        default;

}