@import '../helpers/helpers';

.page_in-store_order-summary {
  .container {
    .content {
      .checkout-confirmation-wrapper {
        .header-descr {
          width: 100%;
          max-width: 100%;

          .descr-wrap {
            display: flex;
          }
        }
      }
    }

    .right-aside {
      top: inherit;
      margin-bottom: 0;
    }

    .form-row {
      &__col-terms {
        padding-top: 15px;

        input {
          position: relative;
          top: 2px;
        }
      }
    }
  }
}

.in-store_popup {
  .terms-and-conditions {
    &__control-area {
      display: flex;

      .form-row {
        width: 100%;

        &__label {
          display: none;
        }

        &__error {
          padding-left: 0;
        }
      }
    }

    &__print-btn,
    &__send-btn {
      max-height: 40px;
    }

    &__print-btn {
      margin-right: 10px;
    }

    &__send-btn {
      margin-left: -2px;
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
    }
  }
}

@include media-breakpoint-down(sm) {
  .page_in-store_order-summary {
    .container {
      .content {
        .checkout-confirmation-wrapper {
          .header-descr {
            padding-right: 15px;

            .descr-wrap {
              padding-bottom: 30px;

              .in-store_basket-id {
                position: absolute;
                bottom: 15px;
              }
            }
          }
        }
      }
    }
  }

  .in-store_popup {
    .terms-and-conditions {
      &__control-area {
        width: 90%;

        .form-row__field {
          padding: 0;
        }
      }
    }
  }
}

@include media-breakpoint-up(md) {
  .page_in-store_order-summary {
    .container {
      .content {
        .checkout-confirmation-wrapper {
          .header-descr {
            padding-right: 0;

            .descr-wrap {
              .in-store_basket-id {
                order: 2;
                flex: 2;
                text-align: right;
              }

              p {
                order: 1;
                flex: 3;
              }
            }
          }
        }
      }
    }
  }
}

@include media-breakpoint-up(lg) {
  .page_in-store_order-summary {
    .container {
      .content {
        .checkout-confirmation-wrapper {
          .header-descr {
            .descr-wrap {
              p {
                flex: 6;
              }
            }
          }
        }
      }
    }
  }
}
