/* ===== Sayfalama — Silva 2026 =====
 * Referans: design-reference/blog-list/silva-blog-list.jsx → Pagination
 * (kategori sayfasına ajans demosu gelmedi; blog listesindeki numaralı
 * sayfalama deseni aynen uygulandı.)
 * Ajans 42px hapı liste kartlarının yanında iri kaldı; aynı dil korunarak
 * 36px'e inceltildi (kullanıcı isteği): radius 9 · hairline çerçeve ·
 * 13/700 · aktif dolu lacivert · hover mavi çerçeve + mavi metin ·
 * disabled %50 soluk · "…" goldSoft
 */

.cc_dht747cl_blog_home .kombos-pagination, .cc_dht747cl_product_list .kombos-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.375rem;
  max-width: 100%;
}

/* Ok grupları (ilk+önceki, sonraki+son) */
.cc_dht747cl_blog_home .kombos-pagination__nav-group, .cc_dht747cl_product_list .kombos-pagination__nav-group {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

/* Ortak hap: oklar ve numaralar aynı dilde */
.cc_dht747cl_blog_home .kombos-pagination__nav-btn, .cc_dht747cl_product_list .kombos-pagination__nav-btn, .cc_dht747cl_blog_home .kombos-pagination__page, .cc_dht747cl_product_list .kombos-pagination__page {
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--kombos-white);
  border: 1px solid var(--silva-border);
  border-radius: 9px;
  cursor: pointer;
  font-weight: 700;
  font-size: 0.8125rem;
  color: var(--silva-ink);
  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}

/* Ok ikonları 15px (chevron) */
.cc_dht747cl_blog_home .kombos-pagination__nav-btn, .cc_dht747cl_product_list .kombos-pagination__nav-btn {
  font-size: 0.9375rem;
}

.cc_dht747cl_blog_home .kombos-pagination__nav-btn:hover:not(:disabled), .cc_dht747cl_product_list .kombos-pagination__nav-btn:hover:not(:disabled), .cc_dht747cl_blog_home .kombos-pagination__page:hover:not(.kombos-pagination__page--active), .cc_dht747cl_product_list .kombos-pagination__page:hover:not(.kombos-pagination__page--active) {
  border-color: var(--silva-blue);
  color: var(--silva-blue);
}

.cc_dht747cl_blog_home .kombos-pagination__nav-btn:disabled, .cc_dht747cl_product_list .kombos-pagination__nav-btn:disabled {
  cursor: default;
  color: var(--silva-border);
  opacity: 0.5;
}

/* Numaralar kabı */
.cc_dht747cl_blog_home .kombos-pagination__pages, .cc_dht747cl_product_list .kombos-pagination__pages {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

/* Aktif sayfa: dolu Silva laciverti */
.cc_dht747cl_blog_home .kombos-pagination__page--active, .cc_dht747cl_product_list .kombos-pagination__page--active {
  background: var(--silva-blue);
  border-color: var(--silva-blue);
  color: var(--kombos-white);
  pointer-events: none;
}

/* "…" ayracı */
.cc_dht747cl_blog_home .kombos-pagination__dots, .cc_dht747cl_product_list .kombos-pagination__dots {
  padding: 0 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--silva-gold-soft);
}