/** Deprecated **/
.brandy-product-thumbnail-group {
  position: relative;
  overflow: hidden;
}

.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-button"],
.brandy-product-thumbnail-group
  [data-type="woocommerce/product-button"] {
  position: absolute;
  width: calc(100% - 30px);
  left: 15px;
  bottom: 15px;
  z-index: 2;
}

.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-button"] {
  visibility: hidden;
  opacity: 0;
}

.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-image"]
  a {
  display: block;
  position: relative;
}
.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-image"]
  a::before {
  content: "";
  position: absolute;
  background: #0e1326;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.brandy-product-thumbnail-group
  .brandy-product-extra-actions {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}

.brandy-product-thumbnail-group
  .brandy-product-extra-actions:not(.block-editor-block-list__block) {
  visibility: hidden;
  opacity: 0;
}

.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-image"]
  img,
.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-button"],
.brandy-product-thumbnail-group
  [data-block-name="woocommerce/product-image"]
  a::before,
.brandy-product-thumbnail-group
  .brandy-product-extra-actions {
  transition: all ease-in-out 0.6s;
}

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

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

li.product:hover
  .brandy-product-thumbnail-group
  .brandy-product-extra-actions {
  opacity: 1;
  visibility: visible;
}

/** 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);
}
