/****************************
 * Module Pagination
****************************/
.twc-pagination {
    --spacing:50px;
    --size-btn-size:63px;
    --size-icon:16px;
    --twc-spacing-default:85px;
    position:relative;
}
.twc-pagination ul {
    list-style:none; margin:0 calc(var(--spacing) + 15px);
    display:flex; align-items:center;
}
.twc-pagination ul li {padding:0;}
.twc-pagination ul li:not(:last-child) {margin-right:var(--spacing);}

/* Page arrow */
.page-arrow {
    width:var(--size-btn-size); height:var(--size-btn-size);
    background:var(--twc-color-primary); color:var(--twc-color-on-primary);
    line-height:var(--size-btn-size); text-align:center; font-size:var(--size-icon);
}
.page-arrow:hover {background:var(--twc-color-secondary);}

/* Page number */
.page-numbers {text-decoration:none; color:rgba(29, 27, 27, .3); font-size:var(--twc-size-18);}
a.page-numbers:hover, a.page-numbers:focus, .page-numbers.current {color:#1d1b1b;}
a.page-numbers:focus-visible {outline:2px solid var(--twc-color-secondary); border-radius:3px; transition:none;}
.page-numbers.current {font-weight:700;}

/* disabled */
.twc-pagination a.disabled {opacity:.5; pointer-events:none;}


/****************************
 * Module Pagination Responsive
****************************/
/* Tablet horizontal */
@media only screen and (max-width:1024px) {
    .twc-pagination {
        --spacing:30px;
        --size-btn-size:54px;
    }
}

/* Mobile */
@media only screen and (max-width:480px) {
    .twc-pagination {
        --spacing:var(--twc-gap-container);
        --size-btn-size:40px;
        --size-icon:12px;
    }
    .twc-pagination ul {margin:0 var(--spacing);}
}