//-- CART
.woocommerce-cart {
  #main-container {
    .inner--main > .page-header {
      display: none;
    }
  }
  .page-header {
    @extend .clearfix;

    @media screen and (max-width: $bp-phablet) {
      margin-top: 0;
      margin-bottom: 0rem;
    }
    .page-title {
      text-align: left;
      float: left;
      @media screen and($bp-larger-than-phablet) {
        float: left;
        width: 75%;
      }
    }
    .personal-area-title {
      text-transform: uppercase;
      margin-top: 2rem;
      display: none;
      font-size: 1em;
      text-align: left;
      @media screen and($bp-larger-than-phablet) {
        float: left;
        width: 25%;
        padding-left: 5rem;
      }
    }
  }

  .product-info-wrapper {
    display: inline-block;
    a {
      display: block;
    }
  }

  .woocommerce {
    display: inline-block;
    width: 100%;
    margin-bottom: 10rem;
    margin-left: -4rem;
    margin-right: -4rem;
    @media screen and(max-width: $bp-mobile) {
      margin-left: 0rem;
      margin-right: 0rem;
    }

    .cart-wrapper {
      margin-bottom: 2rem;
    
      @media screen and (max-width: $bp-phablet) {
        margin-bottom: 0;
      }
    }

    @media screen and(max-width: $bp-phablet) {
      .personal-area-title {
        display: none;
      }
    }
  }

  .woocommerce-cart-form {
    @media screen and (max-width: $bp-phablet) {
      margin-bottom: 0;
    }
  }

  .cart-wrapper {
    @media screen and($bp-larger-than-phablet) {
      float: left;
      width: 66.6%;
    }
    .woocommerce-cart-form__contents {
      border: none;

      thead {
        tr {
          th {
            font-weight: 300;
            padding-bottom: 1rem;
            border: none;
          }
        }
      }

      @media screen and (max-width: $bp-phablet) {
        .cart-subtotal {
            display: none;
        }
      }
      .cart_item {
        @media screen and (max-width: $bp-phablet) {
          .product-price {
            border: 0;
            margin: 0;
          }

          td {
            padding: 1rem 0 2rem 0 !important;
          }

          .product-title {
            display: flex;
            padding-top: 1.5rem !important;
            padding-bottom: 0 !important;
            text-align: left !important;
            flex-direction: column;

            &::before {
              letter-spacing: 1.5px;
              font-size: 1.2em;
            }
          }

          .product-subtotal {
            display: none;
          }

          .product-thumbnail {
            display: none !important;
          }

          .product-thumbnail-info {
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;

          .product-info-wrapper {
              a {
                font-size: 1.3em;
              }
            }

            .product-thumbnail-mobile {
              display: inline-block !important;
  
              img {
                min-width: 130px;
                width: 130px;
              }
            }
          }
        }

        .product-info-wrapper {
          display: flex !important;
          align-items: flex-start !important;
          flex-direction: column !important;

          a {
            font-size: 1.3em;
            letter-spacing: 2px;
            letter-spacing: 2px;
            margin-top: 2rem;
            font-weight: 600;
          }

          .remove-item {
            font-size: 0.8em !important;
            letter-spacing: 0.7px !important;
            margin-top: 0.875rem;
          }
        }


        .product-thumbnail-mobile {
          display: none;
        }

        td {
          padding: 3rem 1rem;
          vertical-align: top;
          border-color: $gray-light;

          @media screen and ($bp-larger-than-phablet) {
            padding: 1rem 1rem;
          }
          .wp-post-image {
            width: 10rem;
          }
          .amount {
            font-weight: 500;
          }
          .quantity {
            label {
              display: none;
            }
            input {
              border: none;
              height: auto;
              padding: 0;
              font-weight: 100;
            }
          }
          .remove-item {
            @extend .custom-underline;
            @extend .lined-up;
            font-size: .9em;
          }
          &.product-thumbnail {
            display: block;

            img {
              min-width: 100px !important;
            }
          }
        }
      }
      td.actions {
        border: none;
        border-top: 1px solid $gray-light;
        padding-right: 0;
        padding-top: 5rem;
      }
    }
  }
  .confirm-wrapper {
    @media screen and($bp-larger-than-phablet) {
      float: left;
      width: 33%;
      margin-top: 0.8rem;
      padding-left: 5rem;
    }
  }
  .cart-collaterals {
    .cart_totals {
      width: 100%;
      float: left;

      @media screen and (max-width: 768px) {
        .cart-subtotal {
          display: none;
        }
      }

      #shipping_method {
        li {
          margin: 0 0 .5em;
          line-height: 1.25em;
          .amount {
            font-weight: 400 !important;
          }
          label {
            font-size: .9em;
            font-weight: 300;
          }
        }
      }
      .delivery-notes {
        font-size: .85em;
        line-height: 1.375;
        color: $black;
        display: inline-block;
        font-weight: 300;
      }
      .wc-proceed-to-checkout {
        text-align: center;
        @media screen and (max-width: $bp-phablet) {
          padding-bottom: 0 !important;
        }
        a {
          @extend .btn;
          @extend .btn-primary;
          @extend .boxed;
          width: 100%;
          min-width: 0;
          max-width: 30rem;
        }
      }
      table {
        border: none;
        tr.order-total {
          position: relative;
          td, th {
            padding-top: 2.5rem;
            border-top: 1px solid $gray-light;
          }
        }
        td, th {
          border: none;
          font-weight: 100;
          padding: 0 0 2.5rem;
          .woocommerce-Price-amount {
            font-weight: 400;
          }
        }
        td {
          text-align: right;
        }
      }
    }
    .coupon {
      margin-top: 3.5rem;
      display: inline-block;
      width: 100%;
      @media screen and (max-width: $bp-phablet) {
        margin-top: 0;
      }
      label {
        font-weight: 100;
        font-size: .9em;
        margin-bottom: 1.5rem;
      }
      #coupon_code {
        border-radius: 0;
        height: auto;
        padding: .5rem 1.5rem;
        margin-bottom: 1rem;
        width: 100%;
      }
      .button {
        background-color: transparent;
        text-decoration: underline;
        text-transform: none;
        font-weight: 400;
        color: $black;
        padding: 0;
        font-family: $font-family-sans-serif;
      }
    }
  }
}

.shop_table_responsive {
  td {
    background-color: transparent !important;
  }
}

//-- CART TABLES
.woocommerce table.shop_table {
  border-radius: 0;
  border: 1px solid $gray-light;
  border-spacing: 0;

  @media screen and (max-width: $bp-phablet) {
    margin: 0;
  }
  .button {
    text-transform: none !important;
    border: none !important;
    height: auto !important;
    font-size: 1em !important;
    line-height: 3rem !important;
    padding: 1rem 2rem !important;
    font-family: $font-family-sans-serif !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    color: $white !important;
    background-color: $primary-color !important;
  }
  input {
    border-radius: 0;
    border-color: $gray-lighter;
    &:focus {
      border-color: $primary-color;
    }
  }
  input#coupon_code {
    width: 15rem;
    height: auto;
    padding: .9rem 2rem;
    line-height: 3rem;
    border-color: $gray-lighter;
    &:focus {
      border-color: $primary-color;
    }
  }
  * {
    border-color: $gray-light !important;
  }
}

//-- WISHLIST
body.page-template-page-wishlist {
  .tinvwl-table-manage-list {
    margin: 10rem 0 20rem;
    border-spacing: 0;
    thead {
      tr {
        th {
          font-weight: 100;
          &.product-cb {
            display: none;
          }
        }
      }
    }
    tbody {
      tr {
        td {
          &.product-cb {
            display: none;
          }
          button[name="tinvwl-remove"] {
            background-color: transparent;
          }
          button[name="tinvwl-add-to-cart"] {
            @extend .btn;
            @extend .btn-primary;
            @extend .boxed;
            min-width: 20rem;
          }
        }
      }
    }
    tfoot {
      tr {
        td {
          border: none;
        }
      }
      .tinvwl-to-left {
        display: none;
      }
      .tinvwl-to-right {
        text-align: left;
        button[name="tinvwl-action"] {
          @extend .btn;
          @extend .btn-primary;
          @extend .boxed;
          min-width: 20rem;
          margin-top: 2.5rem;
        }
      }
    }
  }
}
//-- PICKUP LOCATION PLUGIN
.pickup-location-field.pickup-location-cart-item-field {
  width: 25rem;
  max-width: 100%;
  .select2 {
    margin: 3rem auto 1.5rem;
  }
}
//-- ORDERS
.woocommerce {
  table.my_account_orders {
    border-spacing: 0;
    thead {
      tr {
        th {
          padding: 1rem 8px ;
          font-weight: 500 !important;
        }
      }
    }
    tbody {
      tr {
        td {
          padding: 2rem 8px;
        }
      }
      .btn {
        min-width: 15rem;
        text-decoration: none;
      }
    }
  }
  .woocommerce-customer-details address {
    border: 1px solid $gray-light;
    border-radius: 0;
  }
  .woocommerce-order-details__title, .woocommerce-column__title {
    @extend .personal-area-title;
    margin-top: 5rem;
  }
}
