#af-wrapper .pages {
border: none !important;
}
.asgaros-pagination-enhanced {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
margin: 10px 0;
border: none !important;
}
.asgaros-pagination-enhanced .page-link {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px 12px;
margin: 0 2px;
text-decoration: none;
border: 1px solid #cbcbcb;
border-radius: 4px;
background-color: #fff;
color: #333;
transition: all 0.2s ease;
font-size: 14px;
white-space: nowrap;
min-height: 32px;
box-sizing: border-box;
}
.asgaros-pagination-enhanced .page-link:hover {
background-color: #f5f5f5;
border-color: #999;
color: #000;
}
.asgaros-pagination-enhanced .page-link.first-page,
.asgaros-pagination-enhanced .page-link.last-page {
padding: 6px 10px;
min-height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.asgaros-pagination-enhanced .page-numbers {
display: flex;
align-items: center;
gap: 3px;
flex-wrap: wrap;
}
.asgaros-pagination-enhanced .page-number {
display: inline-block;
min-width: 36px;
padding: 6px 10px;
text-align: center;
text-decoration: none;
border: 1px solid #cbcbcb;
border-radius: 4px;
background-color: #fff;
color: #333;
transition: all 0.2s ease;
font-size: 14px;
font-weight: normal;
min-height: 32px;
box-sizing: border-box;
}
.asgaros-pagination-enhanced .page-number:hover {
background-color: #f5f5f5;
border-color: #999;
color: #000;
}
.asgaros-pagination-enhanced .page-number.current {
background-color: #ebebeb;
border-color: #0073aa;
color: #fff;
font-weight: bold;
cursor: default;
}
.asgaros-pagination-enhanced .page-number.current:hover {
background-color: #005a87;
border-color: #005a87;
color: #fff;
}
.asgaros-pagination-enhanced .page-ellipsis {
padding: 6px 5px;
color: #666;
font-weight: bold;
}
.asgaros-pagination-enhanced .page-jumper {
padding: 6px 10px;
border: 1px solid #cbcbcb;
border-radius: 4px;
background-color: #fff;
color: #333;
font-size: 14px;
cursor: pointer;
margin-left: 5px;
min-width: 120px;
min-height: 32px;
box-sizing: border-box;
}
.asgaros-pagination-enhanced .page-jumper.page-jumper-current {
margin-left: 0;
min-width: 50px;
padding: 6px 10px;
display: inline-block;
text-align: center; appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #ebebeb;
border-color: #0073aa;
color: #333;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
padding-right: 28px;
cursor: pointer;
font-weight: bold;
}
.asgaros-pagination-enhanced .page-jumper.page-jumper-current:hover {
background-color: #d5d5d5;
border-color: #005a87;
}
.asgaros-pagination-enhanced .page-jumper:hover {
border-color: #999;
}
.asgaros-pagination-enhanced .page-jumper:focus {
outline: none;
border-color: #0073aa;
box-shadow: 0 0 0 1px #0073aa;
} @media (max-width: 768px) {
.asgaros-pagination-enhanced {
justify-content: center;
}
.asgaros-pagination-enhanced .page-link {
padding: 5px 8px;
font-size: 12px;
}
.asgaros-pagination-enhanced .page-number {
min-width: 32px;
padding: 5px 8px;
font-size: 12px;
}
.asgaros-pagination-enhanced .page-jumper {
width: 100%;
margin-top: 10px;
margin-left: 0;
} .asgaros-pagination-enhanced .page-link.first-page,
.asgaros-pagination-enhanced .page-link.last-page {
display: none;
}
} .pages:not(.asgaros-pagination-enhanced) strong {
display: none;
}