body.woocommerce-wishlist {
  .wishlist-title {
    position: relative;
    h2 {
      display: inline-block;
    }
    a.button {
      vertical-align: top;
      display: inline-block;
      padding: 7px 12px;
      // position: absolute;
    }
  }

  .wishlist_table {
    margin-bottom: 0;

    .blockUI {
      background: none !important;
      @include loader(24px, 24px);

      &:after {
        border-top-color: #000;
        z-index: 4;
        position: absolute;
        top: calc(50% - 12px);
        left: calc(50% - 12px);
      }
    }

    tr {
      border: none;
      th,
      td {
        padding: rem-calc(20) 0;
      }
      td {
        text-align: left;
        padding: rem-calc(25) 0;
      }
      th {
        padding-right: rem-calc(15);
      }
    }

    thead {
      background-color: transparent;
      border: none;

      tr {
        border-bottom: 6px solid #000;
        th {
          border-top: none;
          padding-top: 0;
          line-height: 1;

          &:last-child {
            padding-right: 0;
            text-align: right;
          }
          span {
            @include poly-fluid-sizing(
              'font-size',
              (
                1024px: 16px,
                1440px: 20px,
              )
            );
            font-weight: 400;
          }

          @include breakpoint(500px down) {
            &.product-remove,
            &.woocommerce-orders-table__header-order-date,
            &.download-remaining,
            &.product-name {
              display: none;
            }
          }

          @include breakpoint(375px down) {
            &.product-stock-status {
              display: none;
            }
          }
        }
      }

      th {
      }
    }

    tbody {
      background-color: transparent;
      border: none;
      tr {
        background-color: transparent;
        border-bottom: 1px solid #dbdbdb;

        &:last-child {
          border-bottom: none;
        }
        td {
          padding-right: rem-calc(15);
          font-size: 18px;
          line-height: 1.4;

          &:first-child {
            a {
              font-size: 18px;
              line-height: 1.4;
              @include breakpoint(500px down) {
                font-size: 16px;
              }
            }
          }

          &:last-child {
            padding-right: 0;
            text-align: right;
            .dateadded {
              font-size: 14px;
              margin-bottom: 5px;
            }
          }

          &.wishlist-empty {
            text-align: center;
          }

          &.product-remove,
          &.product-thumbnail {
            div {
              position: relative;
              height: 18px;
            }
            a.remove {
              position: absolute;
              left: 0;
              top: 0;
              background-image: none !important;
              display: inline-block;
              // margin-top: -5px;
              font-size: 0px;
              width: 18px;
              height: 18px;
              border-radius: 50%;
              border: 1px solid #000;
              background-color: #fff;
              @include transition(opacity 0.3s !important);

              &:before {
                color: #000;
                position: absolute;
                left: calc(50% - 7px);
                top: calc(50% - 7px);

                font-size: 14px;
                @include barberry_icon('\ea2a');
              }

              &:hover {
                background-color: #000 !important;
                &:before {
                  color: #fff;
                }
              }
            }
          }

          &.product-thumbnail {
            a {
              max-width: auto;
              @include breakpoint(375px down) {
                max-width: 100px;
              }
            }
            // position: relative;
            .product-thumbnail-container {
              display: inline-block;
              height: 100%;

              img {
                @include breakpoint(375px down) {
                  max-width: 100px;
                }
              }

              .remove_from_wishlist {
                display: none;
                top: -5px;
                left: -5px;
                @include breakpoint(375px down) {
                  display: block;
                }
              }
            }
            a.product-thumbnail-name {
              display: none;
              font-weight: 400;
              font-size: 18px;
              line-height: 1.2;

              @include breakpoint(500px down) {
                font-size: 16px;
                margin-top: 10px;
                display: inline-block;
              }

              @include breakpoint(375px down) {
                margin-top: 10px;
                display: inline-block;
                width: 100%;
              }
            }
          }

          &.product-name {
            a {
              font-weight: 400;
              font-size: 18px;
              line-height: 1.2;

              @include breakpoint(500px down) {
                font-size: 16px;
              }
            }

            dl.variation {
              font-size: 14px;
              dt,
              dd {
                margin: 0;
                display: inline-block;
              }

              dt {
                font-weight: 400;
              }

              dd {
                margin-left: 5px;
                margin-right: 10px;
              }
            }
          }

          &.product-stock-status {
            span {
              font-size: 16px;
              font-weight: 400;
            }
          }

          &.product-price {
            del {
              text-align: right;
              position: relative;
              display: inline;
              width: 100%;
              text-decoration: none;

              .amount {
                line-height: 1.4;
              }

              span {
                color: #666;
                font-size: 85%;
                font-weight: 300;
              }

              sup {
                // top:-3px;
                // font-size: 10px;
                font-weight: 300;
                // line-height: 2rem;
              }

              @include breakpoint(medium down) {
                text-align: left;
                width: 100%;

                span {
                  // font-size: 12px;

                  sup {
                    // font-size: 8px;
                    // line-height: 2rem;
                  }
                }
              }

              .amount:before {
                width: 100%;
                position: absolute;
                content: '';
                right: 0;
                top: 50%;
                // right: 0;
                height: 0px;
                border-bottom: 1px solid #f9423a;
                opacity: 0.7;
                transform: rotate(-15deg);
              }
            }

            ins {
              color: #f9423a;
              text-decoration: none;

              line-height: 1;
            }
          }

          &.product-add-to-cart {
            a {
              color: #000;
              display: inline-flex !important;
              border-radius: 0;
              background-color: #fff;
              border-width: 1px;
              padding: 12px 20px 9px;
              height: auto;
              font-size: 13px !important;
              font-weight: 600 !important;
              text-transform: capitalize;
              letter-spacing: 0;

              &:before {
                background-color: #000;
              }

              &:hover {
                color: #fff !important;
                &:before {
                  background-color: #000;
                }
              }
            }
          }

          &.wishlist-empty {
            a {
              font-weight: 400;
              &:hover {
                opacity: 0.6;
              }
            }
          }

          @include breakpoint(500px down) {
            font-size: 16px;
            line-height: 1.2;
            &.woocommerce-orders-table__cell-order-number {
              a {
                font-size: 16px;
              }
            }

            &.woocommerce-orders-table__cell-order-total {
              font-size: 0;
            }

            &.product-remove,
            &.woocommerce-orders-table__cell-order-date,
            &.download-remaining,
            &.product-name {
              display: none;
            }
          }

          @include breakpoint(375px down) {
            &.product-stock-status {
              display: none;
            }
          }
        }
      }
    }

    tfoot {
      td {
        padding-top: 0;
      }

      color: #000;
      border: none;
      background: transparent;

      .yith-wcwl-share {
        margin-bottom: 0;
        border-top: 2px solid #000;
        padding-top: rem-calc(15);

        .yith-wcwl-share-title {
          text-transform: uppercase;
          letter-spacing: 2px;
          font-weight: 400 !important;
          font-size: 12px !important;
        }

        .social-icons {
          li {
            opacity: 1;
            margin-right: rem-calc(20);
            a {
              background-image: none !important;
            }
          }
        }
      }
    }

    &.mobile {
      li {
        margin-bottom: 50px;
        .item-wrapper {
          width: 100%;
          display: flex;

          .product-thumbnail {
            max-width: 140px;
            margin-right: rem-calc(20);
            @include breakpoint(375px down) {
              max-width: 100px;
              margin-right: rem-calc(15);
            }

            .product-thumbnail-inner {
              display: flex;
              align-items: center;

              .product-remove {
                div {
                  width: 35px;
                  position: relative;
                  height: 18px;
                  @include breakpoint(375px down) {
                    width: 30px;
                  }
                }
                a {
                  position: absolute;
                  left: 0;
                  top: 0;
                  background-image: none !important;
                  display: inline-block;
                  // margin-top: -5px;
                  font-size: 0px;
                  width: 18px;
                  height: 18px;
                  border-radius: 50%;
                  border: 1px solid #000;
                  background-color: #fff;
                  @include transition(opacity 0.3s !important);

                  &:before {
                    color: #000;
                    position: absolute;
                    left: calc(50% - 7px);
                    top: calc(50% - 7px);
                    font-size: 14px;
                    @include barberry_icon('\ea2a');
                  }
                }
              }
            }
          }

          .item-details {
            .product-name {
              h3 {
                font-size: rem-calc(20);
                line-height: 1.2;
                @include breakpoint(375px down) {
                  font-size: rem-calc(18);
                }
              }
            }
            .item-details-table,
            .additional-info-wrapper {
              tbody {
                tr {
                  border-bottom: 1px solid #eee;
                  td {
                    // padding: 0;
                    vertical-align: middle;
                    background: transparent;
                    &.label {
                      display: table-cell;
                      color: #000;
                      font-weight: 300;
                    }
                    &.value {
                      .wishlist-in-stock {
                        font-weight: 400;
                        color: #297e29;
                      }
                      .wishlist-out-of-stock {
                        font-weight: 400;
                        color: #f9423a;
                      }
                      del {
                        text-align: right;
                        position: relative;
                        display: inline;
                        width: 100%;
                        text-decoration: none;

                        .amount {
                          line-height: 1.4;
                        }

                        span {
                          color: #666;
                          font-size: 85%;
                          font-weight: 300;
                        }

                        sup {
                          font-weight: 300;
                        }

                        .amount:before {
                          width: 100%;
                          position: absolute;
                          content: '';
                          right: 0;
                          top: 50%;
                          height: 0px;
                          border-bottom: 1px solid #f9423a;
                          opacity: 0.7;
                          transform: rotate(-15deg);
                        }
                      }

                      ins {
                        color: #f9423a;
                        text-decoration: none;

                        line-height: 1;
                      }
                    }
                  }
                }
              }
            }
            .additional-info-wrapper {
              .additional-info {
                tbody {
                  tr {
                    border-bottom: none;
                  }
                }
              }
              .product-add-to-cart {
                text-align: left;
                margin-top: 15px;
                a {
                  display: inline-block;
                  float: left;
                  opacity: 1;
                  color: #000;
                  display: inline-flex !important;
                  border-radius: 0;
                  background-color: #fff;
                  border-width: 1px;
                  padding: 12px 20px 9px;
                  height: auto;
                  font-size: 13px !important;
                  font-weight: 600 !important;
                  text-transform: capitalize;
                  letter-spacing: 0;

                  &:before {
                    background-color: #000;
                  }

                  .tooltip {
                    display: none;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  #yith-wcwl-form {
    .yith_wcwl_wishlist_footer {
      .yith-wcwl-share {
        width: 100%;
        margin-bottom: 0;
        border-top: 2px solid #000;
        padding-top: rem-calc(15);

        .yith-wcwl-share-title {
          text-transform: uppercase;
          letter-spacing: 2px;
          font-weight: 400 !important;
          font-size: 12px !important;
        }

        .social-icons {
          li {
            opacity: 1;
            margin-right: rem-calc(20);
            a {
              padding: 0;
              background: transparent;
              background-color: transparent;
              background-image: none !important;
            }
          }

          .yith-wcwl-after-share-section {
            margin-top: 10px;
            input {
              width: 50%;
              display: inline-block;
              background-color: transparent;
              cursor: text;
              margin-bottom: 0;
              @include breakpoint(1280px down) {
                width: 100%;
              }
            }
            small {
              margin-top: 5px;
              opacity: 0.6;
              font-size: 16px;
              width: 100%;
              display: block;
              span {
                font-weight: 600;
              }
            }
          }
        }
      }
    }
  }
}

body.woocommerce-wishlist.logged-in {
  table.wishlist_table {
    thead {
      tr {
        th {
          @include breakpoint(500px down) {
            &.product-thumbnail {
              display: table-cell !important;
            }
          }
        }
      }
    }

    tbody {
      tr {
        td {
          @include breakpoint(500px down) {
            &.product-thumbnail {
              display: table-cell !important;
            }
          }
        }
      }
    }
  }
}

body.is-mobile {
  &.woocommerce-wishlist
    table.wishlist_table
    tbody
    tr
    td.product-add-to-cart
    a:hover {
    color: #000 !important;
  }
}
