/* issuecore.com 페이징 UI 완전 재작성 */

/* 페이징 컨테이너 */
.ast-pagination,
nav.navigation.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 40px 0 !important;
  padding: 20px 0 !important;
  flex-wrap: wrap !important;
}

/* 페이징 버튼 공통 스타일 */
.ast-pagination a,
.ast-pagination span,
.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
  line-height: 44px !important;
}

/* 일반 페이지 번호 */
.page-numbers {
  background: #f8f9fa !important;
  color: #495057 !important;
  border: 1px solid #dee2e6 !important;
}

.page-numbers:hover {
  background: #e74c3c !important;
  color: #fff !important;
  border-color: #e74c3c !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(231, 76, 60, 0.2) !important;
}

/* 현재 페이지 */
.page-numbers.current {
  background: #e74c3c !important;
  color: #fff !important;
  border-color: #e74c3c !important;
  cursor: default !important;
  box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3) !important;
}

/* 이전/다음 버튼 - 텍스트 숨기고 화살표만 표시 */
.page-numbers.prev,
.page-numbers.next {
  background: #fff !important;
  border: 2px solid #e74c3c !important;
  color: #e74c3c !important;
  font-size: 0 !important; /* 텍스트 숨김 */
  position: relative !important;
}

/* 이전 버튼 화살표 */
.page-numbers.prev::before {
  content: "←" !important;
  font-size: 20px !important;
  font-weight: bold !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* 다음 버튼 화살표 */
.page-numbers.next::before {
  content: "→" !important;
  font-size: 20px !important;
  font-weight: bold !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.page-numbers.prev:hover,
.page-numbers.next:hover {
  background: #e74c3c !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(231, 76, 60, 0.2) !important;
}

/* dots (...) */
.page-numbers.dots {
  background: transparent !important;
  border: none !important;
  cursor: default !important;
  color: #6c757d !important;
}

.page-numbers.dots:hover {
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 모바일 최적화 */
@media (max-width: 768px) {
  .ast-pagination,
  nav.navigation.pagination {
    gap: 8px !important;
  }
  
  .ast-pagination a,
  .ast-pagination span,
  .page-numbers {
    min-width: 40px !important;
    height: 40px !important;
    font-size: 14px !important;
    line-height: 40px !important;
  }
  
  .page-numbers.prev::before,
  .page-numbers.next::before {
    font-size: 18px !important;
  }
}