/**
 * Global Pagination Styles
 * 
 * Professional, consistent pagination design across all pages
 */

.archive-pagination,
.podcast-pagination,
.pagination,
.wp-block-query-pagination {
  margin: 80px 0 40px 0;
  text-align: center;
}

.pagination .nav-links,
.podcast-pagination .nav-links,
.wp-block-query-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* Pagination Buttons - Professional Style */
.pagination a,
.pagination .current,
.pagination .dots,
.podcast-pagination a,
.podcast-pagination .current,
.podcast-pagination .dots,
.wp-block-query-pagination a,
.wp-block-query-pagination .current,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  border-radius: 8px;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1a1a2e !important;
  font-family: "Inter", sans-serif;
  transition: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Hover State - Completely disabled */
.pagination a:hover,
.pagination a:focus,
.pagination a:active,
.podcast-pagination a:hover,
.podcast-pagination a:focus,
.podcast-pagination a:active,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination-previous:active,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-next:focus,
.wp-block-query-pagination-next:active {
  cursor: pointer;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  color: #1a1a2e !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Active/Current State */
.pagination .current,
.podcast-pagination .current,
.wp-block-query-pagination .current {
  background: linear-gradient(135deg, #1a1a2e 0%, #2c3e50 100%) !important;
  color: #ffffff !important;
  border-color: #1a1a2e !important;
  cursor: default;
  box-shadow: 0 2px 8px rgba(26, 26, 46, 0.15) !important;
}

/* Previous/Next Buttons */
.pagination .prev,
.pagination .next,
.podcast-pagination .prev,
.podcast-pagination .next,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  gap: 8px;
  padding: 0 20px !important;
  width: auto !important;
  min-width: auto !important;
  font-weight: 600;
}

/* Dots/Ellipsis */
.pagination .dots,
.podcast-pagination .dots {
  border: none !important;
  background: transparent !important;
  color: #999999 !important;
  cursor: default;
  width: 48px !important;
  min-width: 48px !important;
}

.pagination .dots:hover,
.podcast-pagination .dots:hover {
  background: transparent !important;
  color: #999999 !important;
  cursor: default;
}

/* Disabled State */
.pagination a.disabled,
.podcast-pagination a.disabled,
.wp-block-query-pagination a.disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* Responsive Design */
@media (max-width: 768px) {
  .archive-pagination,
  .podcast-pagination,
  .pagination {
    margin: 50px 0 30px 0;
  }

  .pagination a,
  .pagination .current,
  .podcast-pagination a,
  .podcast-pagination .current,
  .wp-block-query-pagination a,
  .wp-block-query-pagination-previous,
  .wp-block-query-pagination-next {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    font-size: 14px;
  }

  .pagination .nav-links,
  .podcast-pagination .nav-links {
    gap: 8px;
  }

  .pagination .prev,
  .pagination .next,
  .podcast-pagination .prev,
  .podcast-pagination .next {
    padding: 0 16px !important;
  }
}

@media (max-width: 480px) {
  .pagination a,
  .pagination .current,
  .podcast-pagination a,
  .podcast-pagination .current {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    font-size: 13px;
  }

  .pagination .nav-links,
  .podcast-pagination .nav-links {
    gap: 6px;
  }
}