.mvx-live-chat-whatsapp {
  display: none;
}

.whatsapp-live-widget {
  z-index: 3000 !important;
}

.single-prod {
  position: relative;

  #primary {
    padding-inline: 5%;
    padding-bottom: 50px;

    .woocommerce-breadcrumb {
      padding: 25px 0 !important;
    }

    .product {
      .single-product-title {
        .title-container {
          display: flex;
          margin-bottom: 20px;
          align-items: center;
          gap: 25px;

          .product_title {
            font-size: 40px;
            font-weight: 700;
            color: #000;
            margin: 0;
          }

          .add_to_wishlist_button {
            width: max-content;
            display: flex;
            align-items: center;

            .yith-wcwl-add-to-wishlist {
              margin: 0;

              .yith-wcwl-add-button {
                .add_to_wishlist {
                  background-color: transparent;
                  padding: 0;
                  display: flex;
                  align-items: center;
                  gap: 8px;

                  span {
                    display: none;
                  }

                  svg {
                    margin: 0;
                    width: 35px;
                  }

                  &:hover {
                    background-color: transparent;
                    cursor: pointer;

                    svg {
                      fill: var(--promoColor);
                      stroke: var(--promoColor);
                    }
                  }
                }
              }

              .delete_item {
                background-color: transparent;
                display: flex;
                align-items: center;
                gap: 8px;
                padding: 0;

                span {
                  display: none;
                }

                svg {
                  margin: 0;
                  width: 35px;
                  fill: var(--promoColor);
                  stroke: var(--promoColor);
                }

                &:hover {
                  background-color: transparent;
                  cursor: pointer;

                  svg {
                    fill: transparent;
                    stroke: #000;
                  }
                }
              }
            }
          }
        }
      }

      .single-product-images {
        .woocommerce-product-gallery {
          gap: 10px;
          display: flex;
          flex-direction: column;

          .woocommerce-product-gallery__wrapper {
            height: 450px;

            .woocommerce-product-gallery__image {
              img {
                height: 450px;
                object-fit: contain;
                border-radius: 8px;
              }
            }

            .woocommerce-product-gallery__image--placeholder {
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;

              img {
                height: 100%;
                object-fit: contain;
              }
            }
          }

          ol {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;

            li {
              width: 74px;
              height: 74px;

              &:nth-child(4n + 1) {
                clear: unset;
              }

              img {
                border-radius: 8px;
                object-fit: cover;
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }

      .single-product-summary {
        margin-bottom: 60px;

        .short-info {
          font-size: 14px;
          display: flex;
          flex-direction: column;
          gap: 8px;
          margin-bottom: 24px;

          .info {
            display: flex;
            align-items: center;
            gap: 5px;

            .value {
              display: flex;
              align-items: center;
              gap: 5px;
              color: #000;
              font-weight: 700;

              a {
                color: #000;
                transition: color 0.3s ease-in-out;

                &:hover {
                  color: var(--mainColor);
                }
              }

              .star-rating {
                float: none;
              }

              .count a {
                color: var(--darkGray);
                font-size: 12px;
              }
            }
          }
        }

        .sale-badges {
          font-size: 14px;
          margin-bottom: 24px;

          .sale-badge-single {
            .promo_dates {
              font-weight: 400;
              margin-bottom: 10px;
            }

            .badges-row {
              display: flex;
              gap: 10px;
              flex-wrap: wrap;
            }

            .promo_percentage,
            .municipal-card-discount-single {
              background-color: var(--promoColor);
              color: #fff;
              border-radius: 25px;
              padding: 5px 16px;
              font-weight: 800;
              max-width: max-content;
            }
          }

          .municipal-card-discount-single {
            background-color: var(--promoColor);
            color: #fff;
            border-radius: 25px;
            padding: 5px 16px;
            font-weight: 800;
            max-width: max-content;
          }
        }

        .add-to-cart {
          display: flex;
          gap: 10px;
          flex-wrap: wrap;

          .cart {
            margin: 0;

            .add-to-cart-inner-wrapper {
              display: flex;
              flex-wrap: wrap;
              gap: 10px;

              .qty_btns-wrapper .qty__btns {
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 25px;
                border: solid 3px #000;
                background-color: #fff;
                color: #000;
                font-weight: bold;
                width: max-content;
                height: max-content;
                padding: 2px 15px;

                button {
                  border: none;
                  background-color: #fff;
                  padding-inline: 7px;
                  font-weight: bold;
                }

                input {
                  border: none;
                  padding: 0;
                  font-weight: bold;
                }
              }

              .add_to_cart_button {
                border: none;
                align-items: start;
                background-color: transparent;

                .add_to_cart_inner {
                  border: 3px solid #000;
                  border-radius: 25px;
                  background-color: #fff;
                  transition: all 0.3s ease-in-out;
                  background-color: #000;

                  .add_to_cart_text,
                  .add_to_cart_icon span {
                    color: #fff;
                    text-wrap-mode: nowrap;
                  }
                }

                &.on_sale {
                  .add_to_cart_inner {
                    border-color: var(--promoColor);
                    background-color: var(--promoColor);
                    color: #fff;
                  }
                }
              }

              .ask-vendor-container {
                button {
                  background-color: #fff;
                  color: #000;
                  padding: 4px 15px;
                  border: 3px solid black;

                  &:hover {
                    filter: brightness(0.9);
                  }
                }
              }
            }
          }
        }

        .information-wrapper {
          margin-block: 48px;

          ul {
            list-style-type: disc;
          }

          .short-description {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 24px;
          }

          .aditional-info {
            margin-bottom: 24px;

            .title {
              font-size: 18px;
              font-weight: 700;
              margin-bottom: 5px;
            }

            .shop_attributes {
              font-size: 14px;
              width: 100%;

              .woocommerce-product-attributes-item__label,
              .woocommerce-single-prod-attributes-item__label {
                width: max-content;
                text-wrap: wrap;
              }

              a {
                color: #000;
              }
            }
          }

          .main-description {
            font-size: 14px;

            .read-more {
              margin-top: 10px;

              a {
                color: #676767;
                text-decoration: underline !important;
              }
            }
          }
        }

        .vendor {
          display: flex;
          align-items: center;
          gap: 24px;
          flex-wrap: wrap;

          .vendor-image {
            height: 125px;

            img {
              height: 100%;
              object-fit: contain;
              border-radius: 8px;
              width: auto;
            }
          }

          .vendor-info {
            display: flex;
            flex-direction: column;
            gap: 5px;

            .sold-by {
              font-size: 14px;
            }

            .store-name {
              font-size: 20px;
              font-weight: 700;
              color: #000;
              text-decoration: none;
              transition: color 0.3s ease-in-out;

              &:hover {
                color: var(--mainColor);
              }
            }

            .mvx_vendor_rating {
              padding: 0;
            }
          }
        }
      }

      .single-product-reviews {
        #comments {
          .woocommerce-Reviews-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 12px;
          }

          .wcpr-overall-rating-and-rating-count {
            padding: 0;

            .wcpr-stars-count {
              padding: 0;
            }
          }

          .wcpr-filter-container {
            border: none;

            .wcpr-filter-button {
              border-radius: 8px;
              text-wrap: nowrap;
              width: unset;
              background-color: rgba(0, 0, 0, 0.8);

              &.wcpr-active {
                background-color: #000;
              }
            }

            .wcpr-filter-button-ul {
              .wcpr-filter-button {
                background-color: rgba(0, 0, 0, 0.8);

                &:hover,
                &.wcpr-active {
                  background-color: #000 !important;
                }
              }
            }
          }

          .commentlist {
            padding: 0;

            .wcpr-grid-item {
              background-color: #fff;
              border: solid 2px #e0e0e0;
              border-radius: 8px;
              padding: 5px;
            }
          }
        }

        #review_form_wrapper {
          .comment-form-rating {
            font-size: 14px;
          }

          .comment-form-comment {
            font-size: 14px;
          }

          .wcpr-comment-form-images {
            font-size: 14px;

            #wcpr_image_upload {
              font-size: 14px;
            }
          }

          .form-submit {
            #submit {
              background-color: var(--mainColor);
              color: var(--mainText);
              border: none;

              &:hover {
                filter: brightness(95%);
              }
            }
          }
        }
      }
    }
  }

  &.theme_1 {
    #primary {
      .product {
        .single-product-summary {
          .add-to-cart {
            .add-to-cart-inner-wrapper {

              .qty_btns-wrapper .qty__btns,
              .add_to_cart_button .add_to_cart_inner {
                border-radius: 8px;
              }
            }
          }
        }
      }
    }
  }

  @media only screen and (max-width: 450px) {
    #primary {
      padding-inline: 0;
    }
  }
}

/* #region variations */
.single-prod {
  #primary {
    form.cart {
      .variations {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 10px;
        margin-top: 10px;
        margin-bottom: 24px;

        .variation-item {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .label {
            font-weight: 700;
            font-size: 16px;
          }

          .value {
            display: flex;
            align-items: center;
            gap: 10px;

            select {
              background-color: white;
              border: solid 1px #e0e0e0;
              border-radius: 5px;
              padding: 5px 40px 5px 10px;
              margin: 0;
              font-size: 14px;
            }

            option {
              font-family: sans-serif !important;
            }

            .reset_variations {
              color: black;
              font-size: 20px;
            }
          }
        }
      }
    }

    .add_to_cart {
      margin-top: 15px;

      &.variations_button {
        justify-content: start;

        .add_to_cart_text {
          text-transform: uppercase;
        }
      }
    }
  }
}

/* #endregion variations */

/* #region appointment */
.single-prod {
  .product-type-appointment {
    .wc-appointments-appointment-form-wrap {
      .wc-appointments-appointment-form {
        max-width: 500px;
        display: block;

        .ui-datepicker-calendar {
          th {
            background-color: var(--mainColor) !important;

            span {
              color: var(--mainText) !important;
            }
          }

          .ui-datepicker-current-day {
            .ui-state-active {
              background-color: var(--mainColor) !important;
              color: var(--mainText) !important;
            }
          }
        }

        .wc-appointments-date-picker legend {
          position: absolute;
          /* Keep it from taking up space */
          opacity: 0;
          /* Make it invisible */
          height: 0;
          /* Give it no height */
          pointer-events: none;
          /* Make sure users can't click it */
          z-index: -1;
        }
      }
    }

    .wc-appointments-appointment-form-button {
      background-color: #fff !important;
      color: #000 !important;
      padding: 5px 10px;
      border: solid 3px #000;
      border-radius: 25px;

      &:hover {
        filter: brightness(95%);
      }
    }
  }
}

/* #endregion appointment */

/*#region description*/
.single-prod {
  .prod-info {
    padding-block: 25px;

    .title {
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .description {
      color: var(--secTextColor);

      ul {
        list-style-type: disc;
      }

      .short_description {
        font-size: 14px;
      }
    }

    .aditional-info {
      .shop_attributes {
        font-size: 14px;
        width: 60%;

        .woocommerce-product-attributes-item__label,
        .woocommerce-single-prod-attributes-item__label {
          width: 250px;
        }
      }
    }
  }

  #message {
    height: 256px;
    resize: none;
    padding: 8px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: left;
    vertical-align: top;
  }

  .related.products {
    padding: 0;
  }
}

@keyframes shake {

  0%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-3px);
  }

  50% {
    transform: translateX(3px);
  }

  75% {
    transform: translateX(-3px);
  }
}

/*#endregion*/

/* #region related products */
.related.products h2:not(.woocommerce-loop-product__title) {
  padding: 0 12px;
  margin-bottom: 1.5rem;
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.25px;
  text-align: left;
  color: var(--secTextColor);
}

/* #endregion related products */