/**
 * Product Collection block styles (woocommerce/product-collection).
 *
 * Product Collection renders `ul.wc-block-product-template > li.wc-block-product`
 * instead of the core Query Loop's `ul.wp-block-post-template > li.wp-block-post`.
 * These rules give the new markup the theme's product grid and product card styles.
 *
 * Block styles load before style.css, so rules are scoped to the block wrapper
 * to win over the generic rules there.
 */

@media (min-width: 768px) {
  .wp-block-woocommerce-product-collection.product-col-gap-27 .wc-block-product-template:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) {
    -moz-column-gap: 27px;
         column-gap: 27px;
  }
}

.wp-block-woocommerce-product-collection .wc-block-product-template:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) {
  -moz-column-gap: 15px;
       column-gap: 15px;
  row-gap: 15px;
  margin: 0;
  display: grid;
  padding: 0;
  list-style: none;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .wp-block-woocommerce-product-collection .wc-block-product-template:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) {
    -moz-column-gap: 28px;
         column-gap: 28px;
    row-gap: 30px;
  }
}

.wp-block-woocommerce-product-collection .wc-block-product-template:not(.products-block-post-template):is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) {
  row-gap: 30px;
}

.wp-block-woocommerce-product-collection .wc-block-product-template:is(.columns-3, .columns-4, .columns-5, .columns-6) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wp-block-woocommerce-product-collection .columns-1.wc-block-product-template {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.wp-block-woocommerce-product-collection .columns-2.wc-block-product-template {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 600px) {
  .wp-block-woocommerce-product-collection .is-flex-container.is-flex-container.wc-block-product-template:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) > li {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .wp-block-woocommerce-product-collection .columns-3.wc-block-product-template {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .wp-block-woocommerce-product-collection .wc-block-product-template:is(.columns-4, .columns-5, .columns-6) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .wp-block-woocommerce-product-collection .columns-4.wc-block-product-template {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .wp-block-woocommerce-product-collection .columns-5.wc-block-product-template {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .wp-block-woocommerce-product-collection .columns-6.wc-block-product-template {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product .wc-block-grid__product-image > .wp-block-button {
  margin-bottom: 0;
}

.wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product:is(:hover) .wc-block-grid__product-image > .wp-block-button, .wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product:is(:hover) .wp-block-cart-cross-sells-product__product-image > .wp-block-button {
  opacity: 1;
  visibility: visible;
}

.wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product:is(:hover) div[data-block-name="woocommerce/product-button"] {
  position: relative;
  opacity: 1;
  visibility: visible;
}

.wp-block-woocommerce-product-collection .wc-block-product .wc-block-grid__product-price {
  display: flex;
  gap: 4px;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}

.wp-block-woocommerce-product-collection .wc-block-product .wc-block-grid__product-price del {
  color: var(--wp--preset--color--gray-300);
  font-size: 12px;
}

.wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product div[style="text-align: center"], .wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product .yith-wccp-compare, .wp-block-woocommerce-product-collection .products-block-post-template .wc-block-product .yith-wcwl-add-to-wishlist {
  grid-column: 1/-1;
  grid-row: 1/-1;
  margin-bottom: auto;
  margin-left: auto;
}

.wp-block-woocommerce-product-collection .wc-block-product .wp-block-button + div[style="text-align: center"],
.wp-block-woocommerce-product-collection .wc-block-product .wp-block-button + .yith-wccp-compare,
.wp-block-woocommerce-product-collection .wc-block-product .wp-block-button + .yith-wcwl-add-to-wishlist {
  margin-top: 20px;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist {
  margin-top: 70px;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist + .yith-wccp-compare {
  margin-top: 70px;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcqv-button::before,
.wp-block-woocommerce-product-collection .wc-block-product .compare::before {
  font-family: "bootstrap-icons";
  font-size: 14px;
}

.wp-block-woocommerce-product-collection .wc-block-product .compare::before {
  content: "\f12b";
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcqv-button::before {
  content: "\f341";
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"] + .yith-wcwl-add-to-wishlist {
  margin-top: 70px;
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"] + .yith-wcwl-add-to-wishlist + .yith-wccp-compare {
  margin-top: 120px;
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"] + .yith-wccp-compare {
  margin-top: 70px;
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"],
.wp-block-woocommerce-product-collection .wc-block-product .yith-wccp-compare,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist {
  z-index: 1;
  margin-right: 20px !important;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}

@media (max-width: 1119px) {
  .wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"],
  .wp-block-woocommerce-product-collection .wc-block-product .yith-wccp-compare,
  .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist {
    display: none;
  }
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"] a,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wccp-compare a,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist a {
  font-size: 0;
  height: 40px;
  width: 40px;
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border-radius: 200px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"] a:is(:hover, :focus), .wp-block-woocommerce-product-collection .wc-block-product .yith-wccp-compare a:is(:hover, :focus), .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist a:is(:hover, :focus) {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

.wp-block-woocommerce-product-collection .wc-block-product div[style="text-align: center"] a i,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wccp-compare a i,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-add-to-wishlist a i {
  font-size: 14px;
  margin: 0;
}

.wp-block-woocommerce-product-collection .wc-block-product:is(:hover, :focus) div[style="text-align: center"], .wp-block-woocommerce-product-collection .wc-block-product:is(:hover, :focus) .yith-wccp-compare, .wp-block-woocommerce-product-collection .wc-block-product:is(:hover, :focus) .yith-wcwl-add-to-wishlist {
  opacity: 1;
  visibility: visible;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse {
  position: relative;
  display: inline-grid;
  background-color: var(--wp--preset--color--base);
  color: var(--wp--preset--color--contrast);
  border-radius: 200px;
  transition: 0.3s ease-in-out;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse:is(:hover, :focus), .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse:is(:hover, :focus) {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse > *,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse, .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse .feedback, .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse, .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse .feedback {
  font-size: 0;
  margin: auto;
  z-index: 1;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse i, .wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse i {
  font-size: 14px;
  margin: 0;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse > a,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse > a {
  background-color: transparent;
}

.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistaddedbrowse > a::after,
.wp-block-woocommerce-product-collection .wc-block-product .yith-wcwl-wishlistexistsbrowse > a::after {
  position: absolute;
  inset: 0;
  content: "";
  z-index: 1;
}

@media (min-width: 600px) {
  .wp-block-woocommerce-product-collection.sq-related-products .slick-slide > div {
    padding: 20px 13.5px;
  }
}

@media (min-width: 768px) {
  .wp-block-woocommerce-product-collection.sq-related-products .products-block-post-template .product .has-medium-font-size {
    font-size: 15px !important;
    margin-bottom: 5px;
  }
}

.wp-block-woocommerce-product-collection.sq-related-products .slick-list {
  margin: 0 -14px !important;
}

@media (max-width: 767px) {
  .wp-block-woocommerce-product-collection.sq-related-products .slick-list .slick-slide > div {
    padding: 0 10px;
  }
}

body:not(.editor-styles-wrapper):not(.block-editor-page):not(.disable-ms-animations):not(.elementor-editor-active) .wp-block-woocommerce-product-collection .wc-block-product .animate-btn-up > * {
  opacity: 0;
  transform: translateY(15px);
  transition: 0.3s all, 0.54s transform cubic-bezier(0.4, 0, 0.2, 1), 0.54s opacity cubic-bezier(0.4, 0, 0.2, 1);
}

body:not(.editor-styles-wrapper):not(.block-editor-page):not(.disable-ms-animations):not(.elementor-editor-active) .wp-block-woocommerce-product-collection .wc-block-product:hover .animate-btn-up > * {
  transition: 0.3s all, 0.54s transform cubic-bezier(0.4, 0, 0.2, 1), 0.54s opacity cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
  transform: translateZ(0);
}

@media (min-width: 600px) {
  div.slick-list:where(.wc-block-product-template > *) {
    margin: 0;
  }
}