/* MX Enduro pagination: one clear, premium navigation station for every
   paginated list. It is intentionally independent of a page's card layout. */
body.storefront .mx-pagination{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    margin-top:20px;
    padding:14px 16px;
    border:1px solid rgba(255,142,66,.20);
    border-radius:18px;
    background:radial-gradient(circle at 88% 50%,rgba(255,107,0,.10),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 34px rgba(0,0,0,.18);
}

body.storefront .mx-pagination__status{display:grid;gap:3px;}
body.storefront .mx-pagination__status span{color:#ff9d5c;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;}
body.storefront .mx-pagination__status strong{color:#fff;font-size:13px;letter-spacing:-.01em;}
body.storefront .mx-pagination__controls,body.storefront .mx-pagination__pages{display:flex;align-items:center;justify-content:center;gap:6px;}
body.storefront .mx-pagination__control,body.storefront .mx-pagination__page{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:rgba(0,0,0,.18);color:rgba(255,255,255,.84);font-size:11px;font-weight:800;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;}
body.storefront .mx-pagination__control{gap:7px;min-width:88px;padding:8px 12px;}
body.storefront .mx-pagination__control b{font:inherit;}
body.storefront .mx-pagination__control i{color:#ffad71;font-size:16px;font-style:normal;line-height:1;}
body.storefront .mx-pagination__page{width:38px;padding:0;}
body.storefront .mx-pagination__ellipsis{width:18px;color:rgba(255,255,255,.48);font-size:15px;font-style:normal;font-weight:850;text-align:center;}
body.storefront .mx-pagination__control:hover,body.storefront .mx-pagination__page:hover{transform:translateY(-1px);border-color:rgba(255,126,28,.56);background:rgba(255,106,0,.12);color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.20);}
body.storefront .mx-pagination__page.is-current{border-color:rgba(255,136,45,.78);background:linear-gradient(180deg,#f27616,#bd4500);box-shadow:0 8px 18px rgba(255,91,0,.22),inset 0 1px 0 rgba(255,255,255,.24);color:#fff;}
body.storefront .mx-pagination__control.is-next{border-color:rgba(255,131,35,.52);background:linear-gradient(180deg,rgba(255,123,17,.24),rgba(186,62,0,.15));color:#fff;}
body.storefront .mx-pagination__control.is-disabled{border-color:rgba(255,255,255,.055);background:rgba(255,255,255,.015);color:rgba(255,255,255,.26);cursor:not-allowed;}
body.storefront .mx-pagination__control.is-disabled i{color:rgba(255,255,255,.25);}

/* Legacy list views share the same visual priority until their markup is
   migrated. This covers rider, profile, notification and service workspaces. */
body.storefront :is(.pagination,.catalog-pagination,.notifications-pagination,.rp-profile-pagination,.rp-feed-pagination,.rider-pagination,.store-pagination,.vehicle-journal__pagination){position:relative;isolation:isolate;margin-top:20px!important;padding:13px 14px;border:1px solid rgba(255,142,66,.18);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,106,0,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 28px rgba(0,0,0,.14);}
body.storefront :is(.pagination,.catalog-pagination,.notifications-pagination,.rp-profile-pagination,.rp-feed-pagination,.rider-pagination,.store-pagination,.vehicle-journal__pagination) :is(a,.page-link,.rp-tab){display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important;background:rgba(0,0,0,.16)!important;color:rgba(255,255,255,.84)!important;font-size:11px;font-weight:800;text-decoration:none;box-shadow:none!important;}
body.storefront :is(.pagination,.catalog-pagination,.notifications-pagination,.rp-profile-pagination,.rp-feed-pagination,.rider-pagination,.store-pagination,.vehicle-journal__pagination) :is(a,.page-link,.rp-tab):hover,body.storefront :is(.pagination,.catalog-pagination,.notifications-pagination,.rp-profile-pagination,.rp-feed-pagination,.rider-pagination,.store-pagination,.vehicle-journal__pagination) :is(.is-active,.is-current){border-color:rgba(255,126,28,.58)!important;background:rgba(255,106,0,.13)!important;color:#fff!important;}
body.storefront :is(.catalog-pagination,.notifications-pagination,.rp-profile-pagination,.store-pagination,.vehicle-journal__pagination)>span{color:rgba(255,255,255,.72);font-size:12px;font-weight:750;}

@media(max-width:620px){
    body.storefront .mx-pagination{grid-template-columns:1fr;justify-items:center;gap:12px;padding:14px 12px;text-align:center;}
    body.storefront .mx-pagination__controls{width:100%;justify-content:space-between;}
    body.storefront .mx-pagination__control{min-width:42px;padding:8px 10px;}
    body.storefront .mx-pagination__control b{display:none;}
    body.storefront .mx-pagination__pages{gap:4px;}
    body.storefront .mx-pagination__page{width:35px;min-height:36px;}
    body.storefront :is(.notifications-pagination,.rp-profile-pagination,.store-pagination,.vehicle-journal__pagination){align-items:center!important;justify-content:center!important;text-align:center;}
}
