.page_checkout-delivery-address,
.edit-delivery-address {
  .user-address {
    padding: 20px;

    &__content {
      .user-address {
        &__links {
          @include make-col(2);
          margin: 0;
          position: relative;

          .default-mark-full {
            margin: 0;
            position: absolute;
            bottom: 0;
            right: 15px;
            width: 70px;
          }
        }

        &__phone,
        &__address {
          @include make-col(5);
          margin: 0;
        }

        &__btn {
          display: flex;
          flex-direction: column;

          .btn-remove-address {
            margin-bottom: 15px;

            .icon {
              position: relative;
              right: 2px;
            }
          }

          .link-secondary {
            display: block;
            text-decoration: none;
            font-weight: 500;
          }
        }
      }
    }

    &__wrapper {
      .user-address {
        &:nth-of-type(2) {
          .default-mark-full {
            display: none;
          }
        }
      }
    }
  }

  .delivery-address {
    &__btn-back {
      margin-bottom: 20px;
    }

    .btn-back-to-addresses {
      @include heading-5;
    }

    .user-address__title {
      display: none;
    }

    .selected-address {
      display: block;
      font-weight: bold;
      padding-bottom: 10px;
    }
  }

  a {
    &.btn-new-address {
      display: block;
      margin-top: 20px;
      font-size: 16px;
    }
  }

  div {
    &[data-auto-find],
    &[modaldata-auto-find] {
      .form-row {
        margin-bottom: 0;
      }
    }

    &[data-finded-address],
    &[modaldata-finded-address] {
      a {
        margin-bottom: 25px;
        text-align: center;
        display: block;
      }
    }
  }

  .btn-edit-manually {
    font-weight: bold;
  }

  &_guest {
    .delivery-address-form {
      .form-row__col-btn {
        .btn-action {
          display: block;
          min-width: 220px;
        }
      }
    }
  }
}

.delivery-address-form {
  padding-right: 0;
  padding-left: 0;

  .form-row__col-btn {
    margin-top: 20px;

    .btn-action {
      width: 220px;
    }
  }

  &__inner {
    @include make-col-ready;
  }
}

.page_checkout-delivery-address,
.page_checkout-delivery-details,
.edit-delivery-address {
  .btn-action {
    .icon {
      height: 0;
    }
  }
}

@include media-breakpoint-up(xs) {
  .page_checkout-delivery-address {
    .user-address {
      &__content {
        @include make-col(12);
      }
    }
  }
}

@include media-breakpoint-up(sm) {
  .page_checkout-delivery-address {
    .delivery-address {
      &__actions {
        width: 220px;
      }
    }

    .right-aside {
      .btn-delivery-details {
        display: none;
      }
    }
  }

  // sass-lint:disable no-ids
  #new-address-placeholder {
    padding: 40px 0;
  }
}

@include media-breakpoint-up(md) {
  .page_checkout-delivery-address {
    .edit-delivery-addr-guest {
      .form-row__action {
        .edit-delivery-address__delivery-btn {
          @include make-col(5);
        }
      }
    }

    &_guest {
      .right-aside {
        .form-row__col-btn {
          .btn-action {
            display: none;
          }
        }
      }

      .content {
        .form-row__col-btn {
          .btn-action {
            // sass-lint:disable no-important
            display: block !important;
          }
        }
      }
    }
  }
}

@include media-breakpoint-up(lg) {
  .page_checkout-delivery-address {
    &_guest {
      .delivery-address-form {
        &__inner {
          @include make-col-offset(2, 9);
          @include make-col(5, 9);
        }
      }
    }

    div {
      &[data-new-address] {
        .delivery-address-form {
          &__inner {
            @include make-col-offset(2, 9);
            @include make-col(5, 9);
          }
        }
      }
    }
  }
}

@include media-breakpoint-only(md) {
  .delivery-address-form {
    .form-row__col-btn {
      @include make-col(6);
    }
  }
}

@include media-breakpoint-down(xl) {
  .page_checkout-delivery-address {
    &_guest {
      .delivery-address-form {
        & + .form-row__col-btn {
          width: 220px;
          margin-top: 20px;
        }
      }
    }
  }

  .delivery-address-form {
    padding-bottom: 30px;
  }
}

@include media-breakpoint-down(lg) {
  .page_checkout-delivery-address {
    .user-address {
      &__content {
        .user-address {
          &__links {
            .default-mark-full {
              text-align: right;
              right: 35px;
            }
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(md) {
  .page_checkout-delivery-address {
    .user-address {
      &__content {
        .user-address {
          &__phone,
          &__address {
            @include make-col(6);
          }

          &__links {
            @include make-col(12);
            padding: 15px;
            padding-bottom: 0;
          }
        }
      }
    }
  }
}

@include media-breakpoint-down(sm) {
  .page_checkout-delivery-address {
    // sass-lint:disable no-ids
    #new-address-form {
      .btn-md-lg-continue-delivery-details {
        display: none;
      }
    }

    .user-address {
      &__content {
        .user-address {
          &__phone,
          &__address {
            @include make-col(12);
          }

          &__phone {
            padding-top: 15px;
          }

          &__links {
            @include make-col(12);
            padding: 15px;
            padding-bottom: 0;
          }
        }
      }

      &__wrapper {
        .checkout-widget__outer-button {
          display: none;
        }
      }
    }

    .delivery-address {
      &__actions {
        .btn-action {
          width: 100%;
          display: none;
        }
      }
    }

    .right-aside {
      margin-top: 20px;
      display: block;

      .btn-delivery-details {
        margin-bottom: 0;
        display: block;
      }
    }

    &.modal-open {
      // sass-lint:disable no-important
      margin-top: 0 !important;
    }

    &_guest {
      .delivery-address-form {
        & + .form-row__col-btn {
          width: 100%;
        }

        &__inner {
          .form-row__action {
            padding-bottom: 30px;
          }
        }

        .form-wrapper {
          padding-bottom: 1px;
        }
      }

      .content {
        .form-row__col-btn {
          .btn-action {
            display: none;
          }
        }
      }

      .right-aside {
        margin-top: inherit;
        display: block;

        .checkout-widget__outer-button {
          margin: 0;
        }
      }
    }
  }

  .page_checkout-delivery-details {
    #new-address-placeholder {
      padding-top: 20px;
      padding-bottom: 20px;
    }
  }

  .delivery-address-form {
    margin: 0 -15px;
    padding-bottom: 10px;
  }

  .edit-delivery-addr-guest {
    .form-row__action {
      .edit-delivery-address__delivery-btn {
        margin-top: 15px;

        .btn-action {
          width: 100%;
        }
      }
    }
  }

  div {
    &[data-finded-address] {
      margin-bottom: 20px;
    }
  }
}
