

.is-act-checkoutregisterpage {
  .checkout-aside {
    flex: 0 0 100%;
    max-width: 100%;

    .checkout-aside-container {
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;

      .checkout-aside-summary {
        background: transparent;
        width: 100%;
        max-width: 400px;
        padding-right: 0;

        .checkout-aside-summary-header {
          font-size: 30px;
          font-weight: 600;
          line-height: 50px;
          color: $bcb-brand-secondary;
        }

        .checkout-aside-summary-list-container {
          padding-left: 0px;

          .checkout-aside-summary-list {
            .checkout-aside-summary-label {
              font-size: 24px;
              font-weight: 400;
              line-height: 50px;
              color: $bcb-grayShadeColor;
            }

            .checkout-aside-summary-value {
              font-size: 16px;
              font-weight: 400;
              line-height: 50px;
              color: $bcb-grayShadeColor;
            }
          }
        }
      }

      .checkout-aside-products {
        margin-bottom: 25px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;

        .checkout-aside-product-header {
          font-size: 28px;
          font-weight: 500;
          color: $bcb-brand-secondary;
          line-height: normal;
          margin: 0 0 30px;
        }

        .grid-row-header.row {
          width: 100%;
          border-bottom: 1px solid $bcb-darkGrayColor;
          padding-bottom: 10px;
          margin: 0;

          h4 {
            font-size: 18px;
            font-weight: 600;
            color: $bcb-brand-secondary;
            line-height: normal;
            margin: 0;
          }
        }
      }
    }
  }

  .checkout-aside-product-list {
    .line-item {
      padding: 15px 0;

      .line-item-row {
        align-items: center;
      }

      .line-item-info {
        margin-bottom: 0;
      }

      .line-item-quantity {
        .line-item-quantity-label {
          display: none;
        }

        .line-item-quantity-select-wrapper {
          display: flex;
        }
      }

      .line-item-unit-price {
        order: 2;
        justify-content: flex-start;
        justify-content: start;
        padding: 0 16px;
        font-size: 18px;
        line-height: 36px;
        color: $bcb-brand-secondary;
        font-weight: 500;
      }

      .line-item-total-price {
        justify-content: start;
        justify-content: flex-start;
        padding: 0 16px;
        font-size: 18px;
        line-height: 36px;
        color: $bcb-brand-secondary;
        font-weight: 500;
 
 
      }

      .product-wishlist {
        .product-wishlist-btn-content-sm {
          font-size: 16px;
          line-height: 36px;
          color: $bcb-brand-secondary;
          font-weight: 500;
        }
      }

      .line-item-remove {
        order: 4;

        .line-item-remove-button {
          .icon {
            svg {
              top: 0;
            }
          }
        }
      }

      .line-item-img-container {
        padding: 0;
        width: 140px;

        img {
          max-height: 100%;
          height: 154px;
          width: 140px;
        }

        .line-item-img {
          width: auto;
          mix-blend-mode: darken;
          background: $bcb-lightGrayColor;
          border: none;
          padding: 10px;
        }
      }

      .line-item-label {
        font-size: 20px;
        line-height: 36px;
        color: $bcb-brand-secondary;
        font-weight: 500;
      }

      .col-8.checkout-aside-item-data {
        display: flex;
        justify-content: space-between;
        align-items: center;

        .checkout-aside-item-link-price {
          font-size: 18px;
          font-weight: 400;
          line-height: 50px;
          color: $bcb-grayShadeColor;
        }

        .checkout-aside-item-link-quantity {
          font-weight: 400;
          line-height: 50px;
          color: $bcb-grayShadeColor;
          font-size: 18px;
        }
      }

      &:last-child {
        border-bottom: 1px solid #e0e0e0;
      }
    }
  }

  .register-form {
    .register-submit {
      display: flex;
      justify-content: end;
      justify-content: flex-end;
    }
  }
}

.content-main {
  .checkout {
    margin-bottom: 85px;

    .checkout-aside {
      .checkout-aside-container {
        .checkout-aside-summary {
          background-color: transparent;
          padding-left: 0;

          .checkout-aside-summary-header {
            font-size: 30px;
            color: $bcb-brand-secondary;
            font-weight: 600;
            margin-bottom: 30px;
          }

          .checkout-aside-summary-list-container {
            .checkout-aside-summary-list {
              .checkout-aside-summary-label {
                font-size: 16px;
                font-weight: 400;
                color: $bcb-brand-secondary;
                line-height: 35px;

                &.checkout-aside-summary-total {
                  font-size: 22px;
                  font-weight: 500;
                  color: $bcb-brand-secondary;
                  border-top: 1px solid $bcb-brand-secondary;
                  position: relative;
                }
              }

              .checkout-aside-summary-value {
                font-size: 16px;
                font-weight: 400;
                color: $bcb-brand-secondary;
                line-height: 35px;
                margin-bottom: 0;

                &.checkout-aside-summary-total {
                  font-size: 22px;
                  font-weight: 500;
                  color: $bcb-brand-secondary;
                  border-top: 1px solid $bcb-borderColor;
                }
              }
            }
          }
        }

        .checkout-aside-action {
          .cart-add-promotion {
            .checkout-aside-add-code {
              .form-control {
                border: 1px solid $bcb-borderColor;
                margin-right: 15px;
                

                &::-webkit-input-placeholder {
                  color: $bcb-grayShadeColor !important;
                  font-size: 18px;
                  font-weight: 400;
                }

                &::placeholder {
                  color: $bcb-grayShadeColor !important;
                  font-size: 18px;
                  font-weight: 400;
                }
              }

              .btn-secondary {
                border-color: $bcb-color-secondary-button;
                color: $bcb-text-color-secondary-button;
                background-color: $bcb-color-secondary-button;
                font-size: 18px;
                font-weight: 400;
                border-radius: 0;
                
                &:hover {
                  background-color: $bcb-color-secondary-button-hover;
                  color: $bcb-text-color-secondary-button-hover;
                }

                &:focus {
                  box-shadow: none;
                }
              }
            }
          }
          .input-group { 
              align-items: center;
              label.mb-1{
                margin-right: 5px;
              }
          }
          .btn-lg {
            border-color: $sw-color-brand-primary;
            font-size: 18px;
            font-weight: 400;
            border-radius: $bcb-productcart-button-radius+px;
            padding: 5px 25px;
            
          }
        }
      }
    }
  }
}

@media (min-width: 1200px) {
  .content-main .checkout .checkout-aside {
    margin-left: 66.67%;
  }
}

@media (max-width: 1199.98px) {
  .is-act-checkoutregisterpage {
    .checkout-aside-product-list {
      .line-item {
        .line-item-img-container {
          padding: 0;
          width: 120px;
        }
      }
    }
  }

  .content-main {
    .checkout {
      .checkout-aside {
        flex: 0 0 40%;
        max-width: 40%;
        margin-left: 60%;
      }
    }
  }
}

@media (max-width: 991.98px) {
  .content-main {
    .checkout {
      .checkout-aside {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;

        .checkout-aside-container {
          .checkout-aside-summary {
            .checkout-aside-summary-list-container {
              .checkout-aside-summary-list {
                .checkout-aside-summary-label {
                  padding-left: 0;
                }
              }
            }
          }
        }
      }
    }
  }
}

@media (max-width: 575.98px) {
  .content-main {
    .checkout {
      .checkout-aside {
        .checkout-aside-container {
          .checkout-aside-summary {
            .checkout-aside-summary-list-container {
              .checkout-aside-summary-list {
                .checkout-aside-summary-label {
                  font-size: 16px;
                  font-weight: 400;
                  line-height: 35px;
                  padding-left: 0;

                  &.checkout-aside-summary-total {
                    font-size: 18px;
                  }
                }

                .checkout-aside-summary-value {
                  &.checkout-aside-summary-total {
                    font-size: 16px;
                    font-weight: 500;
                  }
                }
              }
            }

            .checkout-aside-summary-header {
              font-size: 28px;
              font-weight: 600;
              margin-bottom: 24px;
            }
          }

          .checkout-aside-action {
            .cart-add-promotion {
              .checkout-aside-add-code {
                .form-control {
                  width: 100%;
                  margin-right: 0;
                  margin-bottom: 10px;
                }

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

@media (max-width: 767.98px) {
  .is-act-checkoutregisterpage {
    .checkout-aside {
      flex: 0 0 100% !important;
      max-width: 100% !important;
    }
  }
}
