/* Vopečbuřt 2.4.11 - final shop spacing + single bottom pagination */

@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(12px, 1.35vw, 22px) !important;
  }

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

  body.vb-shop-premium-layout .vb-shop-hero,
  body.vb-shop-premium-layout .vb-shop-hero--242 {
    margin-top: clamp(10px, 1.1vw, 18px) !important;
    margin-bottom: clamp(20px, 2vw, 30px) !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(14px, 1.35vw, 22px) !important;
  }

  body.vb-shop-premium-layout .vb-shop-products-intro-242,
  body.vb-shop-premium-layout .vb-shop-products-intro-245 {
    margin-top: clamp(10px, 1vw, 18px) !important;
    margin-bottom: 12px !important;
    padding-top: 12px !important;
  }
}

body.vb-shop-premium-layout .storefront-sorting,
body.vb-shop-premium-layout .woocommerce-ordering,
body.vb-shop-premium-layout .woocommerce-result-count {
  display: none !important;
}

/* Hide every native duplicate. The guarded wrapper below is the only visible pagination. */
body.vb-shop-premium-layout > nav.woocommerce-pagination,
body.vb-shop-premium-layout .site-main > 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 .storefront-sorting nav.woocommerce-pagination {
  display: none !important;
}

body.vb-shop-premium-layout .vb-shop-bottom-pagination--2411 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: clamp(22px, 2.4vw, 34px) auto clamp(64px, 5vw, 88px) !important;
  padding: 0 !important;
  clear: both !important;
  float: none !important;
  text-align: center !important;
}

body.vb-shop-premium-layout .vb-shop-bottom-pagination--2411 nav.woocommerce-pagination {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

body.vb-shop-premium-layout .vb-shop-bottom-pagination--2411 ul.page-numbers,
body.vb-shop-premium-layout .vb-shop-bottom-pagination--2411 .woocommerce-pagination ul {
  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 .vb-shop-bottom-pagination--2411 ul.page-numbers li,
body.vb-shop-premium-layout .vb-shop-bottom-pagination--2411 .woocommerce-pagination ul li {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
  border: 0 !important;
}

body.vb-shop-premium-layout .vb-shop-bottom-pagination--2411 .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,.9) !important;
  border: 1px solid rgba(132,81,26,.24) !important;
  color: #333a2b !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-weight: 900 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 4px 5px 0 rgba(51,58,43,.06) !important;
}

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

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