/*--------------------------------------------------------------
WooCommerce Single Product
--------------------------------------------------------------*/
.section-container {
  display: flex;
  max-height: 650px;
  gap: var(--gap);



}

.simple-product.wpstream-featured-player-wrapper {
    .section-container .wpstream_add_to_cart_over_trailer {
      position: static !important;
      width: 100%;
      margin: 0;
      padding: 40px;
    }
}

// Quantity and add-to-cart-button
.woocommerce {
  div.product form.cart {
    display: flex;

    div.quantity {
      float: none;
      margin-right: $spacer;
    }
  }

  // Width input field
  .quantity .qty {
    width: 2rem;
  }

  // Add-to-cart-button
  div.product form.cart .btn {
    flex-grow: 1;
  }
}

// Stack quantity and add-to-cart-button in two lines
// WooCommerce breakpoint is at 769px
@media (min-width: 769px) and (max-width: 991px) {
  .woocommerce div.product form.cart {
    flex-wrap: wrap;

    div.quantity {
      margin-right: auto;
      width: 100%;
      margin-bottom: $spacer * .5;
    }
  }
}

// Quantity and add to cart button END

.wpstream-post-content,
.wpstream-vod-terms-main {
  margin-bottom: 60px;
}




.wpstream_section.wpstream_featured_banner_vod.wpstream-featured-player-wrapper.simple-product{
  
  .container{
    max-width: calc(var(--wpstream-theme-width-container, 1352px) + var(--bs-gutter-x));    
    
    .product-info {
      display: flex;

      .wp-stream-playbtn__cart-wrap {
        background: linear-gradient(
                        var(--wpstream-type-1-button-background-color-gradient-angle, 90deg),
                        var(--wpstream_type_1_button_background_color_gradient_first_color, rgba(78, 46, 229, 1)),
                        var(--wpstream_type_1_button_background_color_gradient_second_color, rgba(89, 125, 250, 1))
        );
        color: var(--wpstream-type-1-button-text-color, $anti-flash-white);
        border-width: var(--wpstream-type-1-button-border-width, 0);
        border-style: solid;
        border-color: var(--wpstream-type-1-button-border-color, transparent);
        &:hover {
          background: linear-gradient(
                          var(--wpstream-type-1-button-hover_background-color-gradient-angle, 90deg),
                          var(--wpstream_type_1_button_hover_background_color_gradient_first_color, rgba(78, 46, 229, 1)),
                          var(--wpstream_type_1_button_hover_background_color_gradient_second_color, rgba(89, 125, 250, 1))
          );
        }
      }
      
      .wpstream_add_to_cart_over_trailer{
        position: relative;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        top: unset;
        bottom: unset;
        padding: 0px;
        margin: 45px 0px 0px 0px;

        h1{
          width: 100%;
          max-width: 100%;
          font-size: 40px;
          color: var(--bs-body-color);
        }

        .wpstream-product-description{
          width: 100%;
          max-width: 100%;
          color: var(--bs-body-content-color);
        }
      }

      .wpstream-author-buttons {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
      }
      
      .qty {
        background-color: transparent;
        border-color: transparent;
      }

      .wpstream-author-buttons {
        display: flex;
        gap: var(--gap);
      }

      .wpstream-product-quantity {
        display: flex;
        align-items: center;
        gap: 1rem;

        .wpstream-quantity-controls {
            display: flex;

          .quantity {
            width: auto;
            border: 1px solid var(--bs-body-content-color);
            border-left: 0;
            border-right: 0;
            border-radius: 0;
          }

          button[type="button"] {
            color: var(--bs-body-content-color);
            width: 30px;
            background: none;
            border: 1px solid var(--bs-body-content-color);

            &.minus {
              border-radius: 20px 0 0 20px;
            }

            &.plus {
              border-radius: 0 20px 20px 0;
            }
          }
        }
      }

      .single-add-to-cart-button-text {
        color: var(--wpstream_woocommerce_add_to_cart_color, var(--main-secondary-color));

        &:hover {
          color: var(--wpstream_woocommerce_add_to_cart_hover_color, #60AFFF);
        }
      }

      .wp-stream-playbtn {
        ins {
          color: var(--bs-body-content-color);
          background-color: transparent !important;
          border-bottom: none;
        }
      }
   
    }

    .wpstream-simple-product-gallery-wrapper{
      display: flex;
      margin-top: 30px;
      gap: 1rem;
      height: 650px;

      .wpstream-simple-product-gallery-left {
      
        display: flex;
        position: relative;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        border-radius: var(--bs-border-radius-lg);
    
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    
      .wpstream-simple-product-gallery-right {
    
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    
        h2 {
          display: none;
        }
    
        .wpstream_theme_image_generate_fancybox {
          display: flex;
          gap: 1rem;
          height: 100%;

          .row {
            flex-direction: column;
            height: 650px;
            gap: 1rem;
            padding-right: 1.5rem;

            .wpstream-gallery-items {
              flex: 1;
            }
          }
    
          .wpstream-gallery-items {
            display: flex;
            overflow: hidden;
            margin: 0;
            padding: 0;

            a {
              width: 100%;
              height: 100%;
            }
    
            img {
              //width: 100%;
              //height: 100%;
              object-fit: cover;
            }
    
            &:first-child {
              padding-top: 0;
            }
    
            &:last-child {
              padding-bottom: 0;
            }
          }
        }

      } 

    }
   
  }
}


@include media-breakpoint-down(lg) {
  .wpstream_theme_image_generate_fancybox {
    flex-direction: column;

    .row {
      flex: 1;
      flex-direction: row !important;
      padding-right: 0 !important;
      height: 33% !important;
      min-height: auto;

      .wpstream-gallery-items {
        height: 100%;
      }
    }

    & > div:first-child {
      height: 66%
    }

    & > div:only-child {
      height: 100%;
    }
  }
}

.single-product .wpstream-featured-player-wrapper {
  .container {
    .wpstream-author-buttons {
      .single-add-to-cart-button-text {
        margin-right: 1rem;
      }
    }
  }
}