/* Article Pagination Styles for 1788hi.com - 完全匹配原站樣式 */

/* 保持原有的 event-nav 樣式不變 */
.eventsBox .event-nav {
    margin: 30px 0;
    text-align: center;
}

/* 分頁按鈕直接使用原站樣式 */
.eventsBox .event-nav > a {
    padding: 10px 5px;
    display: inline-block;
    min-width: 25px;
    font-size: 1rem;
    color: #f9a03f;
    background: none;
    border: 1px solid #f9a03f;
}

.eventsBox .event-nav > a.active,
.eventsBox .event-nav > a.on,
.eventsBox .event-nav > a:hover {
    color: #212529;
    background: #f9a03f;
}

/* pagination 類別的樣式 - 配合 PaginationHelper */
.event-nav .pagination {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.event-nav .pagination li {
    display: inline-block;
}

.event-nav .pagination a,
.event-nav .pagination span {
    padding: 10px 5px;
    display: inline-block;
    min-width: 25px;
    font-size: 1rem;
    color: #f9a03f;
    background: none;
    border: 1px solid #f9a03f;
    text-decoration: none;
}

/* 當前頁面樣式 */
.event-nav .pagination .active a,
.event-nav .pagination .active span {
    color: #212529;
    background: #f9a03f;
}

/* Hover 效果 */
.event-nav .pagination a:hover:not(.disabled) {
    color: #212529;
    background: #f9a03f;
}

/* 禁用狀態 */
.event-nav .pagination .disabled a,
.event-nav .pagination .disabled span {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* 省略號 */
.event-nav .pagination .ellipsis span {
    border: none;
    background: none;
    cursor: default;
}

/* 響應式設計 - 保持與原站一致 */
@media screen and (max-width: 900px) {
    .eventsBox .event-nav {
        margin: 20px 0;
    }
    
    .eventsBox .event-nav > a,
    .event-nav .pagination a,
    .event-nav .pagination span {
        padding: 8px 4px;
        min-width: 20px;
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 480px) {
    .eventsBox .event-nav > a,
    .event-nav .pagination a,
    .event-nav .pagination span {
        padding: 6px 3px;
        min-width: 20px;
        font-size: 0.8rem;
    }
}