@use "sass:list";
@use "bulma/sass/utilities/css-variables" as cv;
@use "bulma/sass/utilities/mixins" as mixins;

@mixin paginationPositions($classes...) {
    @for $i from 0 to list.length($classes) {
       #{list.nth($classes, $i + 1)} {
            order: $i + 1;
        }
    }
}

.pagination {
    .pagination-next,
    .pagination-previous {
        padding-left: cv.getVar("pagination-nav-padding-left");
        padding-right: cv.getVar("pagination-nav-padding-right");
        &.is-disabled {
            pointer-events: none;
            cursor: not-allowed;
            opacity: 0.5;
        }
    }
    &.is-simple {
        justify-content: normal;
        &.is-centered {
            justify-content: center;
        }
        &.is-right {
            justify-content: flex-end;
        }
    }
    .is-current {
        pointer-events: none;
        cursor: not-allowed;
    }
}

@include mixins.tablet {
    .pagination.has-input {
        @include paginationPositions(".pagination-list", ".pagination-input", ".pagination-previous", ".pagination-next");
        &.is-centered {
            @include paginationPositions(".pagination-previous", ".pagination-list", ".pagination-input", ".pagination-next");
            &.is-input-right {
                @include paginationPositions(".pagination-previous", ".pagination-list", ".pagination-next", ".pagination-input");
            }
            &.is-input-left {
                @include paginationPositions(".pagination-input", ".pagination-previous", ".pagination-list", ".pagination-next");
            }
        }
        &.is-right {
            @include paginationPositions(".pagination-previous", ".pagination-next", ".pagination-input", ".pagination-list");
            &.is-input-right {
                @include paginationPositions(".pagination-previous", ".pagination-next", ".pagination-list", ".pagination-input");
            }
            &.is-input-left {
                @include paginationPositions(".pagination-input", ".pagination-previous", ".pagination-next", ".pagination-list");
            }
        }
        &.is-input-right {
            @include paginationPositions(".pagination-list", ".pagination-previous", ".pagination-next", ".pagination-input");
        }
        &.is-input-left {
            @include paginationPositions(".pagination-input", ".pagination-list", ".pagination-previous", ".pagination-next");
        }
    }
}