/** Product template */

.brandy-product-group {
  position: relative;
  overflow: hidden;
}

.brandy-product-group
  [data-block-name="woocommerce/product-image"]
  a {
  position: relative;
  display: flex;
}
.brandy-product-group
  [data-block-name="woocommerce/product-image"]
  a::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  background: #0000001f;
  visibility: hidden;
  opacity: 0;
  transition: all ease-in-out 0.4s;
}

.brandy-product-group
  .brandy-product-content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 30px 40px 20px 20px;
  background: transparent;
  transition: all ease-in-out 0.4s;
}

.brandy-product-group
  .brandy-product-actions {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: all ease-in-out 0.4s;
  z-index: 3;
}

.brandy-product-group
  .brandy-product-actions:not(.block-editor-block-list__block) {
  transform: translateY(calc(100% - 65px));
}

.brandy-product-group
  .brandy-product-actions:not(.block-editor-block-list__block)
  > *:not([data-block-name="woocommerce/product-button"]) {
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.4s;
}

li.product:hover .brandy-product-content {
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.8) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

li.product:hover
  .brandy-product-group
  [data-block-name="woocommerce/product-image"]
  a::after {
  opacity: 1;
  visibility: visible;
}

li.product:hover
  .brandy-product-group
  .brandy-product-actions {
  transform: translateY(0px);
}

li.product:hover
  .brandy-product-group
  .brandy-product-actions:not(.block-editor-block-list__block)
  > *:not([data-block-name="woocommerce/product-button"]) {
  opacity: 1;
  visibility: visible;
}

li.product:hover
  .brandy-product-group
  .brandy-product-actions:not(.block-editor-block-list__block)
  > [data-block-name="woocommerce/product-button"] {
  order: 1;
}

li.product:hover
  .brandy-product-group
  .brandy-product-actions:not(.block-editor-block-list__block)
  > [data-block-name="brandy/add-to-wishlist"] {
  order: -1;
}

/** Product template END */

/** Override theme variables */
body {
  --embla-navigation-display: none;
  --embla-scrollbar-display: block;
  --embla-scrollbar-bg-color: #e0e3ec0d;
  --embla-scrollbar-drag-bg-color: #a8aeae;
  --embla-scrollbar-size: 5px;
  --embla-scrollbar-margin-top: var(--wp--preset--spacing--40);
}