/**
 * Site-wide modern pagination (SRP, agent dashboard, admin lists).
 * Overrides Materialize .pagination li.active red (#ee6e73).
 * Does not affect post-property wizard (.lify-post-wizard .previous / .next).
 */
:root {
  --lify-pg-navy: #0a355c;
  --lify-pg-line: #e2e8f0;
  --lify-pg-muted: #64748b;
  --lify-pg-bg: #fff;
}

.lify-pagination-bar,
.pagination-wrapper.bottom.lify-pagination-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  padding: 10px 0 4px;
  background: transparent;
  border: 0;
  box-shadow: none;
  clear: both;
}

.lify-pagination-meta {
  font-size: 0.86rem;
  color: var(--lify-pg-muted);
  font-weight: 600;
}

.lify-pagination-wrap,
.lify-agent-listings-pagination-wrap.lify-pagination-wrap {
  margin-top: 18px;
  padding-top: 0;
  border-top: 0;
  clear: both;
}

.lify-pagination {
  display: block;
  width: 100%;
}
nav.lify-pagination,
nav.lify-pagination.nav-wrapper,
body nav.lify-pagination {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: normal !important;
  min-height: 0 !important;
  border: 0 !important;
}

.lify-pagination__list,
.pagination.lify-pagination__list,
.pagination.la-pagination,
ul.pagination.lify-pagination__list,
nav.lify-pagination ul.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: transparent !important;
}

.lify-pagination__list > li,
.pagination.la-pagination > li,
.pagination.lify-pagination__list > li,
.pagination li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  height: auto !important;
  vertical-align: middle !important;
}

/* Kill Materialize red active pill */
.pagination li.active,
.pagination.la-pagination li.active,
.lify-pagination__list li.active,
ul.pagination li.active {
  background: transparent !important;
  background-color: transparent !important;
}

.pagination li.active a,
.pagination.la-pagination li.active a {
  color: inherit !important;
}

.lify-page-btn,
.la-page-btn,
.lify-pagination__list a.lify-page-btn,
.lify-pagination__list a.la-page-btn,
.pagination li a.lify-page-btn,
.pagination li a.la-page-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  min-width: 36px;
  padding: 0 14px;
  border-radius: 999px !important;
  border: 1px solid var(--lify-pg-line) !important;
  background: var(--lify-pg-bg) !important;
  color: var(--lify-pg-navy) !important;
  font-size: 0.84rem;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  box-sizing: border-box;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

.lify-page-btn:hover,
.la-page-btn:hover,
.lify-pagination__list a.lify-page-btn:hover,
.lify-pagination__list a.la-page-btn:hover,
.pagination li a.lify-page-btn:hover,
.pagination li a.la-page-btn:hover {
  background: #eef5fb !important;
  border-color: var(--lify-pg-navy) !important;
  color: var(--lify-pg-navy) !important;
}

.lify-page-btn--current,
.la-page-btn--current,
.lify-pagination__list li.active span.lify-page-btn,
.lify-pagination__list li.active span.la-page-btn,
.pagination li.active span.lify-page-btn,
.pagination li.active span.la-page-btn {
  background: var(--lify-pg-navy) !important;
  border-color: var(--lify-pg-navy) !important;
  color: #fff !important;
  cursor: default;
}

.lify-page-btn--next,
.lify-page-btn--prev,
.la-page-btn--next,
.la-page-btn--prev {
  padding: 0 18px;
  font-weight: 700;
}

.lify-pagination__list li.active span.lify-page-btn,
.lify-pagination__list li.active span.la-page-btn,
.pagination li.active span.lify-page-btn,
.pagination li.active span.la-page-btn {
  display: inline-flex;
}

.pagination-wrapper.bottom:not(.lify-pagination-bar) {
  margin-top: 16px;
  padding: 8px 0;
  clear: both;
  background: transparent;
}
ul.pagination.list-pagenat,
.pagination.list-pagenat {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
ul.pagination.list-pagenat li,
.pagination.list-pagenat li {
  background: transparent !important;
  background-color: transparent !important;
}

/* SRP loading skeleton */
.lify-srp-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 180px;
  padding: 32px 16px;
  color: var(--lify-pg-muted);
  font-size: 0.92rem;
}

.lify-srp-loading__spinner {
  width: 36px;
  height: 36px;
  border: 3px solid #e2e8f0;
  border-top-color: var(--lify-pg-navy);
  border-radius: 50%;
  animation: lify-srp-spin 0.75s linear infinite;
}

@keyframes lify-srp-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 640px) {
  .lify-page-btn--next,
  .lify-page-btn--prev,
  .la-page-btn--next,
  .la-page-btn--prev {
    padding: 0 14px;
    font-size: 0.8rem;
  }
}