.the7-add-to-cart {
  --content-align: flex-start;
}

.woocommerce-variation-add-to-cart {
  --quantity-gap: 0 var(--quantity-spacing, 30px) 0 0;
}
.elementor-widget-the7-woocommerce-product-add-to-cart-v2 {
  --quantity-btn-width: 30px;
  --quantity-btn-height: 30px;
  --icon-size: 12px;
  --quantity-btn-border-color: var(--the7-divider-color);
  --quantity-btn-border-hover-color: var(--quantity-btn-border-color);
}
.the7-add-to-cart .variations tr {
  margin-bottom: 30px;
}
.the7-add-to-cart .price {
  color: var(--the7-h1-color);
}
.the7-add-to-cart .woocommerce-variation > .last,
.the7-add-to-cart > .in-stock {
  margin-bottom: 30px;
}
.content .the7-add-to-cart table {
  margin: 0;
}
.the7-add-to-cart .the7-vr-options {
  list-style: none;
  display: var(--display);
  flex-flow: row wrap;
  justify-content: var(--content-align);
  align-items: center;
  width: 100%;
  margin: 0;
  font-family: var(--the7-woo-content-font-family);
  & li {
    line-height: 0;
  }
  & .active a {
    color: var(--the7-accent-color);
  }
  & a {
    position: relative;
    //overflow: hidden;
    display: var(--item-display);
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    padding: 0 10px;
    min-height: 30px;
    min-width: 30px;
    color: var(--the7-title-color);
    border: 1px solid var(--the7-divider-color);
    &:hover,
    &.out-of-stock {
      color: var(--the7-accent-color);
    }
    &.out-of-stock {
      &:after {
        position: absolute;
        //left: 50%;
        top: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        // width: var(--variations-border-width, 1px);
        // background-color: #d2d2d2;
        // transform: rotate(-45deg);
        // transform-origin: 0;
        background: linear-gradient(to top right, transparent calc(50% - 1px), var(--variations-border-color, var(--the7-divider-color)) , transparent calc(50% + 1px) );
        transition: all 0.2s ease-in-out;
        content: "";
      }
    }
    &.isset-swatch {
      padding: 0;
      font-size: 0 !important;
      height: 30px;
      &.empty-swatch .the7-variable-span {
        background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) 2px, transparent 2px, transparent 4px);
      }
    }
    & .filter-popup {
        position: absolute;
        left: 50%;
        z-index: 999;
        bottom: 100%;
        padding: 2px 6px;
        margin-bottom: 15px;
        background: #000;
        color: #fff!important;
        font: 400 12px/16px Arial,Verdana,sans-serif;
        letter-spacing: .3px;
        white-space: nowrap;
        opacity: 0;
        visibility: hidden;
        transform: translate3d(-50%,10px,0);
        transition: all .25s ease-out;
        border-radius: 2px;
        &:after {
          position: absolute;
          left: 50%;
          bottom: -5px;
          margin-left: -5px;
          width: 0; 
          height: 0; 
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          
          border-top: 5px solid #000;
          content: "";
        }
        /* This bridges the gap so you can mouse into the tooltip without it disappearing */
        &:before {
          position: absolute;
          left: 0;
          bottom: -20px;
            content: " ";
            display: block;
            width: 100%;
            height: 20px;
        } 
    }
    &:hover .filter-popup {
    visibility: visible;
    opacity: 1;
    transform: translate3d(-50%,0, 0);
      &:before {
        bottom: 0;
      }
    }
    & .the7-variable-span {
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border-radius: inherit;
    }
  }
}
.the7-add-to-cart tr {
  display: flex;
  flex-flow: row wrap;
  justify-content: var(--content-align);
  align-items: center;
}
.the7-add-to-cart th,
.the7-add-to-cart td {
  display: inline-flex;
  align-items: center;
}
.the7-add-to-cart td {
  margin: 0 !important;
}
.the7-add-to-cart th {
  margin: var(--label-margin);
}
.content .the7-add-to-cart td, .content .the7-add-to-cart th {
  padding: 0;
}
.the7-add-to-cart form.cart .quantity,
.the7-add-to-cart .woocommerce-variation-add-to-cart .quantity {
  //display: none;
  justify-content: space-between;
  align-items: center;
  margin: var(--quantity-gap);
  min-width: 100px;
  height: auto;
}
.the7-add-to-cart .quantity {
  border-color: var(--the7-divider-color);
}
.the7-add-to-cart button.button:not(.box-button) {
  display: none;
}
.the7-add-to-cart button.box-button {
  height: auto;
}
.the7-add-to-cart .woocommerce-variation-add-to-cart > .box-button {
  margin: 0;
}
.the7-add-to-cart .reset_variations {
  display: none !important;
}
.the7-add-to-cart .variations select {
  display: none;
  margin: 0 !important;
  min-width: 250px;
  min-height: 40px;
  height: auto !important;
  background-image: none;
  padding: 0 10px;
  border-width: 1px;
  border-radius: 0;
  background-color: transparent;
  border-color: var(--the7-divider-color);
  .variations-layout-dropdown & {
    display: block;
    padding: var(--the7-top-input-padding) calc(var(--the7-right-input-padding) + var(--icon-size, 1em)) var(--the7-bottom-input-padding) var(--the7-left-input-padding);
  }
  color: var(--the7-title-color);
  box-shadow: none;
  transition: all 0.3s;
}
.the7-wc-variation-select {
  position: relative;
  display: inline-flex;
}
.the7-add-to-cart .variations td.value {
  text-align: left;
  width: var(--td-width);
}
.the7-wc-variation-select i,
.the7-wc-variation-select svg {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-color: transparent !important;
    color: var(--the7-secondary-text-color);
    fill: var(--the7-secondary-text-color);
    transition: color .3s, fill .3s;
    padding: var(--the7-dropdown-padding-top, var(--the7-top-input-padding)) var(--the7-dropdown-padding-right, var(--the7-right-input-padding)) var(--the7-dropdown-padding-bottom, var(--the7-bottom-input-padding)) var(--the7-dropdown-padding-left, var(--the7-left-input-padding));
    box-sizing: content-box;
    font-size: var(--icon-size, 1em);
    line-height: var(--ordering-line-height, var(--the7-form-md-line-height));
}
.the7-add-to-cart .woocommerce-variation .out-of-stock {
  color: var(--the7-secondary-text-color);
}
.the7-wc-variation-select svg {
  width: var(--icon-size, 1em);
  height: auto;
}
.woocommerce div.product.elementor .the7-add-to-cart .quantity .qty {
  width: 2em;
  // width: auto;
  min-height: auto;
  line-height: inherit;
  padding: 0;
  text-align: center;
  border: none !important;
  background: none;
  // border-bottom: none !important;
  // border-color: var(--the7-divider-color);
}
.the7-add-to-cart .quantity button {
  width: var(--quantity-btn-width);
  height: var(--quantity-btn-height);
  min-height: auto;
  line-height: 1;
  transition: all 0.3s;
  font-size: 18px;
  border-radius: 100px;
  color: var(--the7-secondary-text-color);
  &:hover {
     color: var(--the7-accent-color);
  }
}
#the7-body .the7-add-to-cart .woocommerce-variation-add-to-cart .quantity button.is-form,
#the7-body .the7-add-to-cart .quantity button.is-form {
  background: none;
  border: var(--quantity-btn-border-width, 1px) solid var(--quantity-btn-border-color) !important;
  border-radius: 100px;
  height: var(--quantity-btn-height);
  min-width: 1em;
  &:hover {
    background: none;
    border-color: var(--quantity-btn-border-hover-color) !important;
  }
}

.the7-add-to-cart .quantity input[type=number]::-webkit-inner-spin-button,
.the7-add-to-cart .quantity input::-webkit-outer-spin-button  {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  display: none;
}

.elementor-widget-the7-woocommerce-product-price .price span,
.elementor-widget-the7-woocommerce-product-price .price ins,
.elementor-widget-the7-woocommerce-product-price .price ins span {
  color: var(--the7-title-color);
}
.elementor-widget-the7-woocommerce-product-price .price del,
.elementor-widget-the7-woocommerce-product-price .price del span {
  color: var(--the7-secondary-text-color);
}
#the7-body .the7-add-to-cart .woocommerce-variation-description p {
  margin-bottom: 15px;
}
#the7-body .single_variation .woocommerce-variation-availability > p.stock {
  margin-bottom: 0;
}