// * LOGIN *
.woocommerce-account {
  #customer_login {
    h2 {
      font-size: calc(1.1em + 1.1vw);
      font-weight: 300;
      letter-spacing: .025rem;
      margin-bottom: 7.5rem;
    }
    .woocommerce-form-login, .woocommerce-form-register {
      border: none;
      padding: 0 5rem 0 0;
      label {
        font-weight: 400;
        letter-spacing: 1px;
      }
      input {
        border-radius: 0;
      }
      #rememberme {
        display: none;
        & + span {
          display: none;
        }
      }
      .lost_password a {
        font-weight: 500;
      }
      button[type="submit"] {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
      }
    }
  }
}

// * DASHBOARD *
body.woocommerce-account,
body.page-template-page-wishlist {
  .page-title {
    display: none;
  }
  .text-wrapper {
    margin-bottom: 15rem;
  }
  .main-user-infos {
    max-width: 50%;
    display: block;
    li {
      display: inline-block;
      width: 100%;
      list-style: none;
      margin-bottom: .5rem;
      label {
        width: 50%;
        float: left;
        color: $gray-base;
        font-weight: 300;
        margin-bottom: 0;
      }
      p {
        width: 50%;
        float: left;
        margin-bottom: 0;
      }
      input {
        border: none;
        padding: 0;
        margin: 0;
        height: auto;
      }
    }
  }
  .woocommerce-Addresses {
    margin-top: 7.5rem;
    address {
      font-style: normal;
      color: $gray-base;
      margin-bottom: 2.5rem;
    }
  }

  // * ADDRESSES *
  &.woocommerce-edit-address {
    .woocommerce-Addresses {
      margin-top: 0;
      display: inline-block;
      width: 100%;
      .woocommerce-Address {
        margin-bottom: 10rem;
        .personal-area-title {
          display: inline-block;
          width: 100%;
        }
      }
      .table-address {
        width: 100%;
        border-spacing: 0;
        thead {
          th {
            font-size: 1em;
            color: $gray-base;
          }
        }
        th {
          font-weight: 100;
          font-size: .85em;
          padding: 2rem 1.5rem;
        }
      }
      .add-new-address {
        font-weight: 400;
        letter-spacing: .05rem;
      }
    }
  }
  // * EDIT ACCOUNT *
  &.woocommerce-edit-account {
    .woocommerce-EditAccountForm {
      @media screen and($bp-larger-than-mobile) {
        max-width: 40rem;
      }
      label {
        font-weight: 400;
        .required {
          display: none;
        }
      }
      input {
        border-radius: 0;
        border-color: $gray-light;
        color: $gray-base;
      }
      button[type="submit"] {
        // padding: .75rem 3rem .5rem;
        // height: auto;
        // font-size: 1.25em;
        margin-left: .5rem;
        margin-top: 2.5rem;
      }
    }
  }
  // * ORDERS LIST *
  &.woocommerce-orders {

  }
}

// * BASE LAYOUT *
.woocommerce-MyAccount-content, .woocommerce-order {
  @media screen and($bp-larger-than-phablet) {
    float: right;
    width: 68%;
  }
}

.woocommerce-order {
  margin-bottom: 10rem;
}

.personal-area-title {
  font-size: calc(.6em + .6vw);
  font-family: $font-family-sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
  &.small {
    font-size: calc(.5em + .5vw);
  }
}

.woocommerce-MyAccount-navigation {
  .personal-area-title {
    margin-bottom: 5rem;
  }
  li {
    list-style: none;
    a {
      @extend .custom-underline;
      letter-spacing: .05rem;
    }
    &.is-active {
      a {
        font-weight: 500;
        @extend .lined-up;
        @extend .gold;
      }
    }
  }
  @media screen and($bp-larger-than-phablet) {
    float: left;
    width: 30%;
  }
}
