/* Pagination */
.wpcz .wpcz-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.wpcz .wpcz-pagination__list {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.25em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpcz .wpcz-pagination__divider {
    display: flex;
    align-items: flex-start;
}

.wpcz .wpcz-pagination__info {
    inline-size: 100%;
    font-size: 0.75em;
    line-height: 1.25;
}

.wpcz .wpcz-pagination__divider-form-control-group {
    display: flex;
    font-size: 0.875em;
}

.wpcz .wpcz-pagination__divider-label {
    display: flex;
    align-items: center;
    margin-block-end: 0;
    margin-inline-end: 0.5em;
    font-size: 0.75em;
}

.wpcz .wpcz-pagination__item {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
}

.wpcz .wpcz-pagination__item--form-control-group {
    display: flex;
}

.wpcz .wpcz-pagination__link,
.wpcz .wpcz-pagination__btn-change-page {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 0.25em;
    font-weight: 500;
    background: var(--wpcz-pagination-bg-color);
    color: var(--wpcz-pagination-text-color);
    font-size: 0.9375em;
}

.wpcz .wpcz-pagination__btn-change-page {
    min-block-size: 0;
    margin-inline-start: -0.375em;
    padding-inline: 0.25em;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    min-inline-size: 2.5em;
}

.wpcz .wpcz-pagination__link {
    min-inline-size: 2.8572em;
    block-size: 2.572em;
    padding-inline: 0.75em;
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none;
}

.wpcz .wpcz-pagination__link:hover,
.wpcz .wpcz-pagination__link:focus,
.wpcz .wpcz-pagination__btn-change-page:hover,
.wpcz .wpcz-pagination__btn-change-page:focus {
    background: var(--wpcz-pagination-bg-color-hover-and-focus);
    color: var(--wpcz-pagination-text-color-hover-and-focus);
}

.wpcz .wpcz-pagination__link:focus,
.wpcz .wpcz-pagination__btn-change-page:focus {
    box-shadow: none;
    outline: none;
}

.wpcz .wpcz-pagination__link:focus-visible,
.wpcz .wpcz-pagination__btn-change-page:focus-visible {
    box-shadow: 0 0 0 2px var(--wpcz-btn-outline-focus-inner-color), 0 0 0 4px var(--wpcz-pagination-bg-color);
    outline: none;
}

.wpcz .wpcz-pagination__item--is-active .wpcz-pagination__link,
.wpcz .wpcz-pagination__link:active,
.wpcz .wpcz-pagination__btn-change-page:active {
    background-color: var(--wpcz-pagination-bg-color-active);
    color: var(--wpcz-pagination-text-color-active);
}

.wpcz .wpcz-pagination__link--is-disabled[tabindex='-1'] {
    pointer-events: none;
    background: var(--wpcz-pagination-bg-color-disabled);
    color: var(--wpcz-pagination-text-color);
}

.wpcz .wpcz-pagination__item--dots .wpcz-pagination__link {
    background-color: transparent;
    color: var(--wpcz-pagination-bg-color);
    cursor: initial;
    letter-spacing: 0.125em;
}

.wpcz .wpcz-pagination__item--dots .wpcz-pagination__link:hover,
.wpcz .wpcz-pagination__item--dots .wpcz-pagination__link:focus,
.wpcz .wpcz-pagination__item--dots .wpcz-pagination__link:active {
    background-color: transparent;
    color: var(--wpcz-pagination-bg-color);
}

.wpcz .wpcz-pagination__item--dots .wpcz-pagination__link:focus {
    box-shadow: none;
}

.wpcz .wpcz-pagination__link-icon {
    display: block;
    inline-size: 1.5em;
    block-size: 1.5em;
}

.wpcz .wpcz-pagination__link-icon--fore,
.wpcz .wpcz-pagination__link-icon--prev,
.wpcz .wpcz-pagination__link-icon--next,
.wpcz .wpcz-pagination__link-icon--last {
    fill: var(--wpcz-pagination-text-color);
}

.wpcz .wpcz-pagination .wpcz-pagination__form-control {
    padding-block: 0.25em;
    padding-inline: 0.5em;
    block-size: 2.572em !important;
    min-block-size: 0;
    border-width: 2px;
    border-color: var(--wpcz-pagination-bg-color);
    text-align: center;
    font-weight: 600;
}

.wpcz .wpcz-pagination .wpcz-pagination__form-control--maxlength-1 {
    inline-size: 2.1875em;
}

.wpcz .wpcz-pagination .wpcz-pagination__form-control--maxlength-2 {
    inline-size: 2.66666666667em;
}

.wpcz .wpcz-pagination .wpcz-pagination__form-control--maxlength-3 {
    inline-size: 3.25em;
}

.wpcz .wpcz-pagination .wpcz-pagination__form-control:focus {
    border-color: var(--wpcz-pagination-bg-color-hover-and-focus);
}

.wpcz[dir='rtl'] .wpcz-pagination__link-icon {
    transform: rotate(180deg);
}

@media (min-width: 48em) {
    .wpcz .wpcz-pagination__list {
        gap: 0.5em;
    }

    .wpcz .wpcz-pagination__link {
        font-size: 1em;
    }
}