/* ═══════════════════════════════════════════════
   REALTRAC PUBLIC — system.pagenavigation / .default
   Версия: 1.0.0
   Стиль навигации кабинета (pn-pager), общий для публичного сайта.
═══════════════════════════════════════════════ */

.rt-pager-wrap {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--space-3) var(--space-5);
  margin: var(--space-6) 0 0;
}
.rt-pager-info { font-size: var(--text-sm); color: var(--color-text-muted); }

.page-content .rt-pager { display: flex; flex-wrap: wrap; gap: var(--space-1); margin: 0; padding: 0; list-style: none; }
.rt-pager__link {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 36px; height: 36px; padding: 0 var(--space-3);
  font-size: var(--text-sm); font-weight: 500; line-height: 1;
  color: var(--color-text-muted);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 0;
  text-decoration: none;
  transition: color var(--transition), border-color var(--transition), background var(--transition);
}
a.rt-pager__link:hover { color: var(--color-primary); border-color: var(--color-primary); }
.rt-pager__link:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; }
.rt-pager__link--current { color: #fff; background: var(--color-primary); border-color: var(--color-primary); }
.rt-pager__link svg, .rt-pager__link i { width: 14px; height: 14px; }
.rt-pager__gap { align-self: center; padding: 0 var(--space-1); color: var(--color-text-faint); }

@media (max-width: 900px) {
  .rt-pager-wrap { justify-content: center; }
  .rt-pager-info { width: 100%; text-align: center; }
}