/*
 * 列表页底部（分类 / 新品 / 特价等共用 tpl_modules_product_listing.php）：分页与定制横幅，
 * 样式与 samples 页底部一致（2026-10-15 业主要求）。文件名以 stylesheet 开头，Zen Cart 全站自动加载；
 * 注意自动加载的链接不带版本号，改这个文件后 Cloudflare 可能要等缓存过期才生效，所以每次修改都换文件名（当前 v4）。
 */

/* ---- 分页：去掉灰底条，左边计数、右边页码；页码改白底细边框方块，当前页深蓝 ---- */
.pageresult_bottom.filters-container {
  /* 部分站点（malereikopie / falsi / peinturepremier 等）原有样式让分页条 float:left，
     会溢出 #productListing，横幅就贴上来了；这里取消浮动并占满一行（2026-10-15） */
  float: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  /* 分页条在灰底的 #productListing 里面：用页面白底盖住、占满一行，看起来与 samples 页一样是透明底；
     与上方商品之间的间距用内边距撑出（外边距会露出灰底） */
  margin: 0;
  padding: 24px 0 0;
  background: #fff;
  border: 0;
}
.pageresult_bottom .product-page-count {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
.pageresult_bottom .navSplitPagesResult {
  float: none;
  margin: 0;
  font-size: 14px;
  color: #5f6d76;
}
.pageresult_bottom .navSplitPagesResult strong {
  color: #182a35;
}
.pageresult_bottom .navSplitPagesLinks {
  float: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-size: 0; /* 吃掉页码之间的   */
}
.pageresult_bottom .navSplitPagesLinks .btn,
.pageresult_bottom .navSplitPagesLinks .btn.btn-dark-blue {
  min-width: 36px;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #e2dbd0;
  border-radius: 4px;
  background: #fff;
  box-shadow: none;
  color: #182a35;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  text-shadow: none;
}
/* 悬停与 samples 页一致：只把边框和文字变成蓝色，底色保持白。
   站点主题（common/tpl_template_custom_css.php）给 .btn.btn-dark-blue:hover 的背景加了 !important，
   这里只能同样用 !important 盖过去，否则悬停变成整块蓝底、文字也看不见。 */
.pageresult_bottom .navSplitPagesLinks a.btn:hover,
.pageresult_bottom .navSplitPagesLinks a.btn:focus,
.pageresult_bottom .navSplitPagesLinks a.btn:active {
  border-color: #1e71a9;
  background: #fff !important;
  color: #1e71a9;
  box-shadow: none;
}
.pageresult_bottom .navSplitPagesLinks .btn.current,
.pageresult_bottom .navSplitPagesLinks .btn.btn-trans,
.pageresult_bottom .navSplitPagesLinks .btn.current:hover,
.pageresult_bottom .navSplitPagesLinks .btn.btn-trans:hover {
  border-color: #0c2839;
  background: #0c2839 !important;
  color: #fff;
  opacity: 1;
  cursor: default;
}

/* ---- 间距统一：列表容器下外边距清零，横幅上边距固定 32px ----
   kopakonst 等站模板在列表后有 clearfix（外边距不折叠，原先是 14+28=42px），老站没有（折叠成 28px）；
   清零后各站都是横幅的 32px。 */
#productListing {
  margin-bottom: 0;
}

/* ---- 定制横幅：深蓝底、衬线标题、金色按钮（同 samples 页 .sg-commission） ---- */
.listing-commission {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
  margin: 32px 0 8px;
  padding: 22px 26px;
  border-radius: 8px;
  background: #0c2839;
  color: #fff;
}
.listing-commission .listing-commission-title {
  margin: 0 0 4px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  text-transform: none;
}
.listing-commission p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .85);
}
.listing-commission .listing-commission-btn,
.listing-commission .listing-commission-btn:visited {
  display: inline-block;
  padding: 11px 22px;
  border-radius: 4px;
  background: #b79463;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}
.listing-commission .listing-commission-btn:hover,
.listing-commission .listing-commission-btn:focus {
  background: #a3814f;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .listing-commission { padding: 18px 16px; }
  .listing-commission .listing-commission-title { font-size: 19px; }
}