/* Pagination KRDS Premium UI */
.pagination-wrapper { margin: 30px 0; padding: 0; display: flex; justify-content: center; align-items: center; width: 100%; font-family: 'Noto Sans KR', sans-serif; }
.pagination-wrapper a { text-decoration: none; color: #333; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

/* Basic Numeric Style */
.pagination-basic { display: flex; gap: 4px; align-items: center; }
.pagination-basic .btn-pager, .pagination-basic .page-link { 
    display: inline-flex; align-items: center; justify-content: center; 
    min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #d0d0d0; 
    background: #fff; font-size: 14px; border-radius: 4px; transition: all 0.2s; 
}
.pagination-basic .page-links { display: flex; gap: 4px; }
.pagination-basic .page-link.active { background-color: #003296; color: #fff; border-color: #003296; font-weight: bold; }
.pagination-basic .btn-pager:hover:not(.disabled), .pagination-basic .page-link:hover { background-color: #f5f5f5; border-color: #bbb; }
.pagination-basic .btn-pager.disabled { background: #f9f9f9; color: #ccc; cursor: not-allowed; border-color: #eee; }

/* Jump (Direct Move) Style */
.pagination-jump { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.pagination-jump .page-info { font-size: 15px; color: #555; }
.pagination-jump .page-info .current { font-weight: bold; color: #003296; }
.pagination-jump .jump-input-group { display: flex; gap: 8px; align-items: center; }
.pagination-jump input[type="number"] { width: 70px; height: 38px; text-align: center; border: 1px solid #d0d0d0; border-radius: 4px; appearance: textfield; -moz-appearance: textfield; }
.pagination-jump input::-webkit-outer-spin-button, .pagination-jump input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.pagination-jump .btn { height: 38px; padding: 0 15px; background: #003296; color: #fff; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }

/* Simple Style */
.pagination-simple { display: flex; gap: 15px; align-items: center; background: #f8f9fa; padding: 5px 15px; border-radius: 30px; border: 1px solid #e9ecef; }
.pagination-simple .page-numbers { font-size: 14px; }
.pagination-simple .btn-pager { font-size: 13px; font-weight: bold; color: #003296; }
.pagination-simple .btn-pager.disabled { color: #ccc; }

/* More (Mobile) Style */
.pagination-more { width: 100%; max-width: 400px; }
.pagination-more .btn-more { 
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px;
    width: 100%; padding: 12px; border: 1px solid #003296; border-radius: 6px; 
    color: #003296; font-weight: bold; background: #fff; transition: 0.2s;
}
.pagination-more .btn-more:hover { background: #f0f4ff; }
.pagination-more .btn-more .count { font-size: 12px; color: #666; font-weight: normal; }