/* SITE-GENEL-SAYFALAMA-1
 * Public sitedeki Bootstrap tabanli tum sayfalama bloklarini tek gorunume getirir.
 * Listeleme, URL, SEO/canonical ve veri sorgularina dokunmaz; yalniz sunum katmanidir.
 */
.pagination{
  width:100%;
  display:flex!important;
  align-items:center;
  justify-content:center!important;
  flex-wrap:wrap;
  gap:7px;
  margin:34px auto 12px!important;
  padding:0!important;
  list-style:none!important;
  font-family:var(--wb-font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
}
.pagination .page-item{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.pagination .page-link,
.pagination.pagination-sm .page-link{
  min-width:38px;
  height:38px;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border:1px solid #e2e8f0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#334155!important;
  box-shadow:0 3px 10px rgba(15,23,42,.045);
  font-family:var(--wb-font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap;
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
  border-color:var(--wb4-accent,#111827)!important;
  background:#f8fafc!important;
  color:var(--wb4-accent,#111827)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.09);
  transform:translateY(-1px);
  outline:0!important;
  text-decoration:none!important;
}
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus{
  border-color:var(--wb4-accent,#111827)!important;
  background:var(--wb4-accent,#111827)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(15,23,42,.14);
  transform:none;
}
.pagination .page-item.disabled .page-link,
.pagination .page-link[aria-disabled="true"]{
  opacity:.45;
  pointer-events:none;
  background:#f8fafc!important;
  color:#94a3b8!important;
  box-shadow:none;
}
/* Bootstrap'in ilk/son oge icin ayri koselerini etkisizlestir; her buton ayni olsun. */
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{
  border-radius:10px!important;
}
@media(max-width:768px){
  .pagination{
    gap:5px;
    margin:25px auto 10px!important;
  }
  .pagination .page-link,
  .pagination.pagination-sm .page-link{
    min-width:34px;
    height:34px;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:11px!important;
  }
  .pagination .page-item:first-child .page-link,
  .pagination .page-item:last-child .page-link{
    border-radius:9px!important;
  }
}