/* KnpPaginator 樣式：對齊專案內 dataTable.css 的藍白分頁樣式
 * 用 li.page-item a.page-link 提高 specificity，避免被 SmartAdmin 的
 *   .smart-style-3.minified nav ul li a { color: #FFF !important }
 * 蓋掉
 */

nav ul.pagination {
    display: inline-flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin: 0;
}

nav ul.pagination li.page-item {
    display: inline-block;
}

/* 正常按鈕：白底、Bootstrap 藍字、淡灰邊 */
nav ul.pagination li.page-item a.page-link,
nav ul.pagination li.page-item span.page-link {
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7 !important;
    background-color: #fff !important;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 0;
    box-shadow: none;
    transition: background-color 0.15s ease-in-out;
}

nav ul.pagination li.page-item:first-child a.page-link,
nav ul.pagination li.page-item:first-child span.page-link {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

nav ul.pagination li.page-item:last-child a.page-link,
nav ul.pagination li.page-item:last-child span.page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Hover：淡灰底 */
nav ul.pagination li.page-item a.page-link:hover,
nav ul.pagination li.page-item a.page-link:focus {
    color: #337ab7 !important;
    background-color: #eeeeee !important;
    border-color: #ddd;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

/* 目前頁：藍底白字 */
nav ul.pagination li.page-item.active a.page-link,
nav ul.pagination li.page-item.active span.page-link,
nav ul.pagination li.page-item.active a.page-link:hover,
nav ul.pagination li.page-item.active a.page-link:focus {
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd;
    cursor: default;
}

/* 不可點 (上一頁/下一頁 沒得按、省略符號) */
nav ul.pagination li.page-item.disabled a.page-link,
nav ul.pagination li.page-item.disabled span.page-link,
nav ul.pagination li.page-item.disabled a.page-link:hover,
nav ul.pagination li.page-item.disabled span.page-link:hover {
    color: #999 !important;
    background-color: #fff !important;
    border-color: #ddd;
    cursor: default;
    box-shadow: none;
}

/* icon 大小 */
nav ul.pagination li.page-item .page-link .fa {
    font-size: 0.95em;
    vertical-align: middle;
}