/*
 * Səhifələmə (includes/pagination.php) — saytın dizaynı (pagination): ortada, çərçivəsiz rəqəmlər, cari səhifə narıncı
 * kvadratda ağ, əvvəlki / növbəti — narıncı ox (mətn ekran oxuyucusu üçün). Dizayndan düzəlişlər (AA): narıncı
 * orangered (3.44) → --color-search-button (5.26), boz rəqəmlər → --color-subtle; toxunma hədəfi 36px (dizayn ~20).
 */
.pagination {
  margin: var(--space-sm) 0 var(--space-lg);
}

.pagination__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 0 var(--space-xs);
  border-radius: 3px;
  color: var(--color-subtle);
  font-size: var(--text-lg);
  text-decoration: none;
  transition: color var(--transition), background-color var(--transition);
}

a.pagination__link:hover {
  color: var(--color-search-button);
}

.pagination__link--current {
  min-width: 24px;
  min-height: 28px;
  margin-inline: 6px;
  padding: 0 6px;
  background: var(--color-search-button);
  color: var(--color-on-primary);
}

.pagination__link--arrow {
  color: var(--color-search-button);
}

.pagination__link--arrow .icon {
  width: 20px;
  height: 20px;
}

.pagination__gap {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  color: var(--color-subtle);
}