/**
 * SubliminalMart — Editorial Pagination
 * File: shop/mobile/mobile-style/components/pagination.css
 */

.woocommerce.post-type-archive-product nav.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:54px auto 44px!important;
    padding:0!important;
    overflow:visible!important;
    clear:both!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
    contain:none!important;
}

.sm-editorial-pagination{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:18px 0 0!important;
    border-top:1px solid #dcdcdc!important;
    border-bottom:1px solid #dcdcdc!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}

.sm-editorial-pagination *,
.sm-editorial-pagination *::before,
.sm-editorial-pagination *::after{
    box-sizing:border-box!important;
}

.sm-editorial-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:24px!important;
    width:100%!important;
    margin:0 0 15px!important;
}

.sm-editorial-kicker{
    margin:0!important;
    color:#C49A1A!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.18em!important;
    line-height:1!important;
    text-transform:uppercase!important;
}

.sm-editorial-position{
    margin:0!important;
    color:#777!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.08em!important;
    line-height:1!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
}

.sm-editorial-position strong{
    color:#111!important;
    font-weight:800!important;
}

.sm-editorial-controls{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 18px!important;
    overflow:visible!important;
}

.sm-editorial-list{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:3px!important;
    list-style:none!important;
    overflow:visible!important;
}

.sm-editorial-list li{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
}

.sm-editorial-number{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid transparent!important;
    border-radius:4px!important;
    background:transparent!important;
    color:#555!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1!important;
    text-decoration:none!important;
    transform:none!important;
    transition:
        color .16s ease,
        background-color .16s ease,
        border-color .16s ease!important;
}

.sm-editorial-number:hover{
    color:#111!important;
    border-color:#cfcfcf!important;
    background:#fafafa!important;
}

.sm-editorial-number.sm-editorial-current{
    color:#fff!important;
    background:#111!important;
    border-color:#111!important;
    font-weight:800!important;
}

.sm-editorial-number.sm-editorial-current::after{
    content:""!important;
    position:absolute!important;
    left:7px!important;
    right:7px!important;
    bottom:-7px!important;
    height:2px!important;
    background:#C49A1A!important;
    border-radius:1px!important;
}

.sm-editorial-dots{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:27px!important;
    min-width:27px!important;
    height:40px!important;
    margin:0!important;
    padding:0!important;
    color:#999!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1!important;
}

.sm-editorial-direction{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:96px!important;
    height:40px!important;
    margin:0 8px!important;
    padding:0 13px!important;
    border:1px solid #d8d8d8!important;
    border-radius:4px!important;
    background:#fff!important;
    color:#222!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.10em!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:
        color .16s ease,
        background-color .16s ease,
        border-color .16s ease!important;
}

.sm-editorial-direction:hover{
    color:#fff!important;
    background:#111!important;
    border-color:#111!important;
}

.sm-editorial-arrow{
    font-family:Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:400!important;
    line-height:1!important;
}

.sm-editorial-empty{
    visibility:hidden!important;
    pointer-events:none!important;
}

@media(max-width:700px){

    .woocommerce.post-type-archive-product nav.woocommerce-pagination,
    .woocommerce nav.woocommerce-pagination{
        margin:42px auto 34px!important;
    }

    .sm-editorial-pagination{
        padding-top:15px!important;
    }

    .sm-editorial-head{
        margin-bottom:13px!important;
    }

    .sm-editorial-controls{
        padding-bottom:15px!important;
    }

    .sm-editorial-list{
        gap:2px!important;
    }

    .sm-editorial-number{
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
    }

    .sm-editorial-dots{
        width:18px!important;
        min-width:18px!important;
        height:38px!important;
    }

    .sm-editorial-direction{
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        margin:0 4px!important;
        padding:0!important;
        font-size:0!important;
    }

    .sm-editorial-direction .sm-editorial-arrow{
        font-size:19px!important;
    }
}

@media(max-width:430px){

    .woocommerce.post-type-archive-product nav.woocommerce-pagination,
    .woocommerce nav.woocommerce-pagination{
        margin:36px auto 30px!important;
    }

    .sm-editorial-head{
        align-items:center!important;
        gap:12px!important;
    }

    .sm-editorial-kicker{
        font-size:7px!important;
    }

    .sm-editorial-position{
        font-size:8px!important;
    }

    .sm-editorial-list{
        gap:1px!important;
    }

    .sm-editorial-number{
        width:35px!important;
        min-width:35px!important;
        height:35px!important;
        font-size:9px!important;
    }

    .sm-editorial-dots{
        width:14px!important;
        min-width:14px!important;
        height:35px!important;
        font-size:10px!important;
    }

    .sm-editorial-direction{
        width:35px!important;
        min-width:35px!important;
        height:35px!important;
        margin:0 2px!important;
    }

    .sm-editorial-direction .sm-editorial-arrow{
        font-size:18px!important;
    }

    .sm-editorial-number.sm-editorial-current::after{
        left:6px!important;
        right:6px!important;
        bottom:-6px!important;
    }
}

@media(max-width:360px){

    .sm-editorial-number{
        width:32px!important;
        min-width:32px!important;
        height:34px!important;
    }

    .sm-editorial-dots{
        width:11px!important;
        min-width:11px!important;
    }

    .sm-editorial-direction{
        width:32px!important;
        min-width:32px!important;
        height:34px!important;
    }
}

/* ---------------------------------------------------------
   PAGINATION — CLEAN MOBILE VIEWPORT
   --------------------------------------------------------- */

.sm-editorial-pagination{
    overflow:hidden!important;
}

.sm-editorial-controls{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
}

.sm-editorial-controls::-webkit-scrollbar{
    display:none!important;
}

.sm-editorial-list{
    flex:0 0 auto!important;
}

@media(max-width:700px){

    .sm-editorial-controls{
        justify-content:flex-start!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-behavior:smooth!important;
        overscroll-behavior-x:contain!important;
        -webkit-overflow-scrolling:touch!important;
    }

    .sm-editorial-list{
        width:max-content!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
    }
}

@media(prefers-reduced-motion:reduce){

    .sm-editorial-controls{
        scroll-behavior:auto!important;
    }
}