@import "@css[shared]/page/order/_order-summary-sidebar";

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

.summary-sidebar {
   position: sticky;
   top: 30px;

   .title-default {
      align-items: baseline;
      color: $text-dark;
      font-size: $font-size-h3;
      font-weight: $font-weight-bold;
      padding-bottom: 8px;

      &.summary-sidebar-cart {
         display: none;
      }
   }

   .order-products {
      padding-bottom: calc(#{$grid-gutter-width} / 2);
   }

   .delivery-date {
      white-space: nowrap;
   }

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

@media screen and (max-width: $lg - 1) {
   .summary-sidebar {
      position: relative;
      top: unset;

      .title-default {
         display: none;
      }

      .price-box {
         margin-top: 0;
      }

      .cart-voucher {
         padding: 0;
      }
   }

   .cart-cart .summary-sidebar {
      margin-bottom: 0;
   }

   .cart-delivery .summary-sidebar {
      margin-top: 0;

      .summary-sidebar-productlist {
         display: none;
      }
   }
}
