$check-order-msg-background: $brand-ctr !default;
$check-order-msg-color: $white !default;

.summary-sidebar {
   width: 100%;
   margin-bottom: 20px;

   .check-order-msg {
      background: $check-order-msg-background;
      border-radius: $border-radius-base;
      color: $check-order-msg-color;
      font-weight: $font-weight-bold;
      padding: 10px 15px;
      margin: 0;
   }

   .order-products {
      padding-bottom: 0;
   }

   @media screen and (min-width: $lg) {
      max-width: calc(#{$summary-siderbar-width} + #{$summary-siderbar-padding-left});
      padding-left: $summary-siderbar-padding-left;

      // todo simplebar nepoužívat, používat nativní scroll
      [data-opener="[data-summary-sidebar-products]"] {
         pointer-events: none;
      }

      [data-summary-sidebar-products] {
         display: block !important;
      }

      [data-simplebar="init"] {
         max-height: 700px;
         margin-bottom: 30px;

         .simplebar-track.simplebar-vertical {
            right: -15px;
         }
      }

      .sticky {
         position: sticky;
         top: 10px;
      }
   }
}

.summary-sidebar-delivery-wrapper {
   padding-bottom: 1rem;
}

.summary-sidebar-delivery {
   border-bottom: 1px solid $border-color;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0;
   padding: 15px 0;

   p {
      margin: 0;
   }

   .title {
      color: $text-dark;

      span {
         font-size: $font-size-smaller;
         color: $text-muted;
      }
   }

   .price {
      font-size: $font-size-larger;
      font-weight: $font-weight-bold;
   }

   p:last-child {
      text-align: right;
      max-width: 70%;
   }
}

/* delivery/user step modification */
.order-content {
   display: flex;
   justify-content: space-between;
   position: relative;

   .deliveries {
      flex-wrap: wrap;

      > div {
         width: 100%;
      }

      .cart-box {
         max-width: none;
      }
   }
}

@media screen and (max-width: $lg - 1) {
   .summary-sidebar {
      max-width: none;
      padding-left: 0;

      [data-opener="[data-summary-sidebar-products]"] {
         position: relative;
         cursor: pointer;
         padding-right: 40px;
         display: flex;
         align-items: center;

         &::after {
            @include fonticon;

            content: $icons_caret-down;
            position: absolute;
            right: 0;
            font-size: $font-size-base;
            line-height: 1;
         }

         &.active::after {
            transform: rotate(-180deg);
         }
      }

      .order-products {
         .title {
            width: auto;
         }
      }
   }

   /* delivery/user step modification */
   .order-content {
      flex-wrap: wrap;

      > div {
         width: 100%;
      }

      .deliveries {
         margin: 0;

         > div {
            padding: 0;
         }
      }
   }
}
