/****************************
 * Pagination
****************************/
.twc-pagination {
    --spacing:45px;
    --width-arrow:45px;
    --size-icon:12px;
}

.twc-pagination ul {
    list-style:none; margin:0 calc(2 * var(--spacing));
    display:flex; gap:var(--spacing);
}
.twc-pagination ul li {padding:0;}

/* Arrow */
.page-arrow {
    width:var(--width-arrow); aspect-ratio:1;
    border:1px solid rgba(112, 112, 112, .1);
    font-size:var(--size-icon); color:var(--twc-color-black);
}
.page-arrow:hover, .page-arrow:focus {
    background:var(--twc-color-primary); color:var(--twc-color-on-primary);
    border-color:var(--twc-color-primary);
}
.page-arrow:focus-visible {border-radius:10px;}

/* Number */
.page-numbers {font-size:17px; letter-spacing:.03em; color:#1d1b1b;}

/* current */
.page-numbers .current, a.page-numbers:hover, a.page-numbers:focus {color:var(--twc-color-primary) !important;}
.twc-pagination span.current {font-weight:600;}

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

/****************************
 * Pagination Responsive
****************************/
@media only screen and (max-width:1180px) {
    .twc-pagination {--spacing:var(--twc-gap-container);}
}
@media only screen and (max-width:767px) {
    .twc-pagination {--width-arrow:35px;}
    .twc-pagination ul {margin:0 var(--spacing);}
}