/* ════════════════════════════════════════════════════════════════════════
   11-pagination.css — Stránkování (kategorie, blog, archiv)

   Vlastní markup .pagination renderuje includes/category.php
   (wplama_mk_render_pagination). WC nativní .woocommerce-pagination je
   namapováno na stejný vzhled pro jistotu (kdyby se použil default loop).
   ════════════════════════════════════════════════════════════════════════ */

.pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:48px;
  flex-wrap:wrap;
}
/* Pozor: jen PŘÍMÉ potomky — text uvnitř prev/next je <span> a nesmí dostat
   vlastní rámeček (jinak dvojité ohraničení). */
.pagination > a,
.pagination > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:10px;
  font-size:var(--fs-body);
  font-weight:700;
  color:var(--ink);
  background:#fff;
  border:1.5px solid var(--line);
  transition:border-color .2s ease, color .2s ease, background .2s ease;
}
/* Vnitřní text-span v prev/next — žádný rámeček, žádné rozměry */
.pagination > a span,
.pagination > span span{
  min-width:0;
  height:auto;
  padding:0;
  border:0;
  background:none;
  border-radius:0;
}
.pagination > a:hover{
  border-color:var(--pink);
  color:var(--pink);
  background:var(--pink-50);
}
.pagination .current{
  background:var(--pink);
  color:#fff;
  border-color:var(--pink);
}
.pagination .gap{
  border:0;
  color:var(--muted);
  background:transparent;
  min-width:auto;
  padding:0 6px;
}
.pagination .prev,
.pagination .next{padding:0 18px;gap:6px;}
.pagination .prev svg,
.pagination .next svg{width:14px;height:14px;}
.pagination .disabled{opacity:.4;pointer-events:none;}

/* ─── Mapování WC nativní pagination → náš vzhled ─────────────────────── */
.woocommerce nav.woocommerce-pagination{margin-top:48px;text-align:center;}
.woocommerce nav.woocommerce-pagination ul{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  flex-wrap:wrap;
  margin:0;
  padding:0;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:0;
  margin:0;
  overflow:visible;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:10px;
  font-size:var(--fs-body);
  font-weight:700;
  color:var(--ink);
  background:#fff;
  border:1.5px solid var(--line);
  transition:border-color .2s ease, color .2s ease, background .2s ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  border-color:var(--pink);
  color:var(--pink);
  background:var(--pink-50);
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--pink);
  color:#fff;
  border-color:var(--pink);
}