/*--------------------------------------------------------------
# Pagination - wrap
--------------------------------------------------------------*/

.pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-wrap.margin-top {
    margin-top: 30px;
}

.pagination-wrap ul {
}


ul.pagination {
    display: inline-flex;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.pagination > li {
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.pagination > li > a,
ul.pagination > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-theme);
    letter-spacing: var(--letter-spacing);
    line-height: 1.2em;
    flex: 1 1;
}

ul.pagination > li > a,
ul.pagination > li > span {
    min-width: 38px;
    min-height: 38px;
    font-weight: 500;
    color: var(--theme-beige);
}

ul.pagination > li.active > a,
ul.pagination > li.active > span {
    background-color: var(--theme-beige);
    color: var(--white);
}


.pagination-wrap:not(.basic) ul.pagination {
    gap: 0 0.25rem;
}

.pagination-wrap:not(.basic) ul.pagination > li.arrow > a {
    padding: 0;
}
.pagination-wrap:not(.basic) ul.pagination > li.arrow i.icon {
    width: 1rem;
    height: 1rem;
}

.pagination-wrap:not(.basic) ul.pagination > li > a,
.pagination-wrap:not(.basic) ul.pagination > li > span {
    font-size: 1rem;
    padding: 0.65rem 0.85rem;
    letter-spacing: var(--letter-spacing-btn);
    border-radius: var(--rounded-sm);
}

.pagination-wrap:not(.basic) ul.pagination > li > a > span {
    display: block;
    margin-bottom: -2px;
}