.product-single-actions {
  &:not(.mini-product-single-actions) {
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
    display: flex;
    background: #f5f5f5;
    justify-content: center;
    border-radius: var(--ns-radius) ;
    overflow: hidden;

    li {
      margin: 5px;

      > * {
        display: inline-flex !important;
        align-items: center;
        height: 35px;
        text-align: center;
        font-size: 0;
        position: relative !important;
        transition: .2s;
        color: #888 !important;
        white-space: nowrap;
        transition-delay: .2s;
        border: none;
        background: transparent;

        &:hover {
          font-size: 13px;
          background: #fff;
          padding: 0 10px;
          transition-delay: 0s;
          box-shadow: rgba(0, 0, 0, .1) 0 2px 3px;

          &::before {
            margin-left: 10px;
            transition-delay: 0s;
          }
        }
      }
    }
  }

  li {
    > * {
      &::before {
        font-family: Font Awesome\ 5 Pro, sans-serif;
        font-weight: 500;
        display: block;
        font-size: 20px;
        transition: .2s;
        transition-delay: .2s;
      }
    }

    .add-product-favo {
      &::before {
        content: "\f004";
      }

      font-weight: normal !important;
    }

    .add-product-favo.liked {
      &::before {
        font-weight: 600;
        color: #ff5151;
      }
    }

    .compare {
      &::before {
        content: "\f074";
      }
    }

    .added.compare {
      &::before {
        font-weight: 500;
      }
    }

    .product-prices-chart {
      &::before {
        content: "\f201";
      }
    }

    .action-btn-video-view {
      &::before {
        content: "\f04b";
      }
    }

    .action-btn-3d-view {
      &::before {
        content: "\f255";
        font-weight: 400;
      }
    }

    .action-btn-product-share {
      &::before {
        content: "\f1e0";
      }
    }

    .action-btn-product-ywcwtl {
      &::before {
        content: "\f0f3";
      }
    }

    a {
      i {
        display: none;
      }
    }
  }

  &.mini-product-single-actions {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 0 30px;
    align-items: center;
    flex: 1;
    justify-content: flex-end;

    > li {
      * {
        font-size: 0;

        &::before {
          font-weight: 500 !important;
        }
      }

      button {
        padding: 0;
        border: none;
        background: transparent;
        color: #555;
        width: 40px;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 40px;
      }

      a {
        padding: 0;
        border: none;
        background: transparent;
        color: #555;
        width: 40px;
        height: 40px;
        display: block;
        text-align: center;
        line-height: 40px;
      }

      font-size: 0;

      .liked {
        &::before {
          font-weight: 900 !important;
        }
      }
    }


    button.wooscp-btn {
      display: block !important;
    }
  }

  @media (min-width: 768px) {
    &--simple, &--bordered {
      background: transparent !important;
      padding: 0 !important;
      gap: 20px;

      li {
        a, button {
          font-size: 0 !important;
          padding: 0 !important;


          &:hover {
            font-size: 0 !important;
            background: transparent !important;
            padding: 0 !important;
            transition-delay: 0s;
            box-shadow: none !important;
            color: #333 !important;

            &::before {
              margin-left: 0 !important;
              transition-delay: 0s;
            }
          }
        }
      }
    }

    &--bordered {
      border: #eee 1px solid;
    }
  }
}


.product-summary-left {
  background: #eee;
  border-radius: var(--ns-radius) ;
  overflow: hidden;

  .details {
    text-align: left;
    padding: 15px;
    color: #666;

    &::after {
      content: "";
      display: block;
      clear: both;
    }

    .title {
      float: right;
      font-size: 14px;
      color: #888;
      font-weight: 500;
    }
  }

  .woocommerce-variation-description {
    &, p {
      color: #666;
    }
  }

  .woocommerce-variation-price {
    &:not(:empty) {
      &::before {
        font-size: 14px;
        color: #888;
        font-weight: 500;
      }
    }

    margin: 0;
    text-align: left;

    del {
      font-size: 13px;
      font-weight: normal;

      * {
        font-size: 13px;
        font-weight: normal;
      }

      .woocommerce-Price-currencySymbol {
        display: none;
      }
    }

    &::before {
      float: right;
    }
  }

  .variations_form.cart {
    label {
      font-size: 14px;
      color: #888;
      font-weight: 500;
    }
  }

  .quantity.custom-num {
    label.screen-reader-text {
      &::before {
        font-size: 14px;
        color: #888;
        font-weight: 500;
      }

      right: -50px;
    }

    display: block;
    margin-right: 0 !important;
    margin-left: 15px !important;
    margin-bottom: 0 !important;

    input.input-text {
      float: left;
      background: #f5f5f5;
      height: 43px;
    }

    span {
      height: 39px;
      line-height: 39px;
    }

    span.p-btn {
      left: 68px !important;
      right: auto;
    }

    &::after {
      content: "";
      display: block;
      clear: both;
    }
  }

  p.price {
    span.price-text {
      font-size: 14px;
      color: #888;
      font-weight: 500;
    }

    padding: 15px;
    margin-bottom: 0;
    text-align: left;

    .price-text {
      float: right;
      padding: 0;
    }

    del {
      font-size: 13px;

      * {
        font-size: 13px;
      }
    }
  }

  > .stock {
    .stock-title {
      font-size: 14px;
      color: #888;
      font-weight: 500;
      flex: 1;
    }

    padding: 0 15px;
    display: flex;
  }

  .reset_variations {
    display: none !important;
  }

  p.out-of-stock {
    padding: 15px;
    margin-bottom: 0;
    text-align: center;
  }

  #yith-wcwtl-output {
    padding: 15px;
    margin-bottom: 0;
    text-align: center;
  }

  form.cart {
    select {
      width: 100%;
      max-width: 100%;
      background: transparent !important;
      box-shadow: none !important;
    }

    table {
      width: 100%;
    }

    > div {
      padding: 15px;
    }

    &.ajax-loading{
      opacity: 0.9;
      pointer-events: none;

      [type="submit"]{
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        opacity: 0.5;

        &:before{
          display: block;
          content: "\f110";
          font-weight: 400;
          font-family: "Font Awesome 5 Pro", sans-serif;
          margin-left: 10px;
          animation: spin 0.3s infinite linear;
          -webkit-animation: spin 0.5s infinite linear;
        }
      }
    }
  }

  .variations_form {
    .select_box_select {
      display: none;
    }

    td.label {
      padding-left: 20px;
    }
  }

  button[type="submit"] {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .warranty_info {
    &:empty {
      display: none;
    }
  }

  .variations {
    tr {
      &:nth-of-type(odd) {
        background: #f5f5f5;
      }
    }
  }

  form.cart.grouped_form {
    padding: 0 15px;
  }

  @media only screen and (min-width: 769px) {
    &--simple {
      padding: 0 !important;
      background: transparent !important;

      .variations tr {
        &:nth-of-type(odd) {
          background: transparent !important;
        }
      }
    }
    &--bordered {
      background: #fff !important;
      border: #eee 1px solid;

      .variations tr {
        border-top: #eee 1px solid;

        &:nth-of-type(odd) {
          background: transparent !important;
        }
      }
    }
  }
}


.product-single-style-3 {
  .product-summary-left {
    background: transparent;
    margin-top: 50px;

    .variations {
      tr {
        &:nth-of-type(2n+1) {
          background: transparent;
        }
      }
    }

    form.cart {
      table {
        tbody {
          display: flex;
          flex-wrap: wrap;

          tr {
            max-width: 50%;

            td {
              padding: 0;
            }

            td.label {
              padding-top: 7px;
              padding-left: 20px;
              vertical-align: top;

              label {
                &::after {
                  content: ":";
                }
              }
            }
          }
        }
      }

      select {
        background: #f5f5f5 !important;
        border-radius: 10px !important;
        height: 35px;
        line-height: 35px;
        padding: 0 10px !important;
      }

      > div {
        padding: 0;
      }

      .single_variation_wrap {
        margin-top: 50px;

        > div {
          padding: 0 !important;
          margin: 0 !important;
        }
      }
    }

    .price {
      text-align: right;
      display: flex;
      align-items: center;
      direction: rtl;
      padding: 15px 0;
      margin-bottom: 20px;

      * {
        font-size: 34px;
      }

      .woocommerce-Price-currencySymbol {
        font-size: 16px;
        color: #666666;
        float: none;
      }

      del {
        * {
          font-size: 18px !important;
          color: #D32F2F !important;
          text-decoration: none !important;
        }

        font-size: 18px !important;
        color: #D32F2F !important;
        text-decoration: none !important;
        position: relative;
        margin: 0 10px;

        &::after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          top: calc(50% - 1px);
          height: 2px;
          background: #D32F2F;
          transform: rotate(-15deg);
        }
      }
    }

    .product-add-cart-form-button {
      display: flex;
      justify-content: flex-end;
    }
  }
}

.custom-background {
  &--transparent {
    background: transparent;
  }

  &--gray {
    background: #f5f5f5;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  .gallery-item {
    text-align: center;
  }

  @for $i from 1 through 10 {
    &.gallery-columns-#{$i} .gallery-item {
      max-width: calc(calc(100% / $i) - 10px);
      min-width: calc(calc(100% / $i) - 10px);
    }
  }
}

.product {
  .product_meta {
    .yith-wcbr-brands {
      margin-top: 0;

      & > span {
        border-bottom: none !important;
      }
    }
  }
}