/* Vopečbuřt 2.4.10 - shop 12 products + bottom pagination + spacing polish */

body.vb-shop-premium-layout .site-main,
body.vb-shop-premium-layout #primary,
body.vb-shop-premium-layout .content-area {
  padding-top: 0 !important;
}

body.vb-shop-premium-layout .vb-shop-hero,
body.vb-shop-premium-layout .vb-shop-hero--242 {
  margin-top: clamp(24px, 2.8vw, 42px) !important;
  margin-bottom: clamp(24px, 2.6vw, 38px) !important;
}

body.vb-shop-premium-layout .vb-shop-categories-242,
body.vb-shop-premium-layout .vb-shop-categories-245 {
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 1.8vw, 28px) !important;
}

body.vb-shop-premium-layout .vb-shop-products-intro-242,
body.vb-shop-premium-layout .vb-shop-products-intro-245 {
  margin-top: clamp(16px, 1.4vw, 24px) !important;
  margin-bottom: 16px !important;
  padding-top: 14px !important;
}

body.vb-shop-premium-layout ul.products {
  margin-top: 0 !important;
  margin-bottom: clamp(28px, 3.2vw, 46px) !important;
}

/* Any pagination before the product intro is top pagination and must stay hidden. */
body.vb-shop-premium-layout .vb-shop-categories-242 ~ nav.woocommerce-pagination,
body.vb-shop-premium-layout .vb-shop-categories-245 ~ nav.woocommerce-pagination,
body.vb-shop-premium-layout .vb-shop-categories-242 ~ .storefront-sorting nav.woocommerce-pagination,
body.vb-shop-premium-layout .vb-shop-categories-245 ~ .storefront-sorting nav.woocommerce-pagination {
  display: none !important;
}

/* Bottom pagination after products: visible, centered, and clearly separated from footer. */
body.vb-shop-premium-layout .site-main > .vb-shop-products-intro-242 ~ nav.woocommerce-pagination,
body.vb-shop-premium-layout .site-main > .vb-shop-products-intro-245 ~ nav.woocommerce-pagination,
body.vb-shop-premium-layout ul.products + nav.woocommerce-pagination,
body.vb-shop-premium-layout .products + nav.woocommerce-pagination,
body.vb-shop-premium-layout nav.woocommerce-pagination:last-of-type {
  display: block !important;
  clear: both !important;
  float: none !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: clamp(24px, 2.8vw, 38px) auto clamp(66px, 5.2vw, 92px) !important;
  padding: 0 !important;
  text-align: center !important;
}

body.vb-shop-premium-layout nav.woocommerce-pagination ul,
body.vb-shop-premium-layout nav.woocommerce-pagination ul.page-numbers {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

body.vb-shop-premium-layout nav.woocommerce-pagination ul li {
  float: none !important;
  display: inline-flex !important;
  margin: 0 !important;
  border: 0 !important;
}

body.vb-shop-premium-layout nav.woocommerce-pagination .page-numbers,
body.vb-shop-premium-layout nav.woocommerce-pagination li .page-numbers {
  min-width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,250,240,.88) !important;
  border: 1px solid rgba(132,81,26,.22) !important;
  color: #333a2b !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  text-decoration: none !important;
  box-shadow: 4px 5px 0 rgba(51,58,43,.06) !important;
}

body.vb-shop-premium-layout nav.woocommerce-pagination .page-numbers.current,
body.vb-shop-premium-layout nav.woocommerce-pagination li .page-numbers.current {
  background: #333a2b !important;
  border-color: #333a2b !important;
  color: #f2e2c9 !important;
}

body.vb-shop-premium-layout nav.woocommerce-pagination a.page-numbers:hover,
body.vb-shop-premium-layout nav.woocommerce-pagination li a.page-numbers:hover {
  background: #d89336 !important;
  border-color: #d89336 !important;
  color: #11170f !important;
  transform: translateY(-1px) !important;
}

@media (min-width: 901px) {
  body.vb-shop-premium-layout.woocommerce-page .site-content,
  body.vb-shop-premium-layout.tax-product_cat .site-content,
  body.vb-shop-premium-layout.post-type-archive-product .site-content {
    padding-top: clamp(28px, 3vw, 44px) !important;
  }
}