.cart {
  min-height:                                               100px;
  background-color:                                         $dark;

  .stepped {
    .step {
      .step-separator {
        margin-right:                                       $eshop-stepped-line-size * 2;
        &:before {
          border-bottom:                                    $eshop-stepped-line-style $eshop-stepped-line-size $eshop-stepped-line-color;
        }
        .step-indicator {
          background:                                       $eshop-indicator-color;
        }
      }
      .progress-bar.old {
        background:                                         $gray-400 !important;
      }
      .progress-bar.ba {
        background:                                         $primary;
        margin-top:                                         -1px !important;
      }
      .progress-bar.amp {
        background:                                         $amp;
        margin-top:                                         -1px !important;
      }
      h5 {
        color:                                              $eshop-text-title-color;
        font-weight:                                        600;
      }
      p {
        color:                                              $eshop-text-text-color;
        font-size:                                          $eshop-text-text-size;
        font-weight:                                        700;
      }
      &.active {
        .step-separator {
          .step-indicator {
            background:                                     $eshop-indicator-active-color;
          }
        }
        h5 {
          color:                                            $eshop-text-title-active-color;
        }
        p {
          color:                                            $eshop-text-text-active-color;
        }
      }
      &.new {
        .step-separator {
          .step-indicator {
            background:                                     $eshop-indicator-new-color;
          }
        }
        h5 {
          color:                                            $eshop-text-title-new-color;
        }
        p {
          color:                                            $eshop-text-text-new-color;
        }
      }
    }
  }
  .cart-content {
    margin:                                                 $product-amount-input-border-size;
    border-width:                                           $product-amount-input-border-size;
    border-color:                                           rgba(0,0,0,0);
    border-style:                                           solid;

    .cart-items {
      @include media-breakpoint-up(md) {
        max-height:                                         43vh;
      }
    }

    &.cart-loading {
      @include border-draw-infinite('cart-loading', rgba($primary, 0.8), $product-amount-input-border-size, 2s);

      border-width:                                         0px;
      border-color:                                         rgba(0,0,0,0);
      border-style:                                         solid;

      &::before, &::after {
        margin-top:                                         0px;
        margin-left:                                        0px;
        margin-bottom:                                      0px;
        margin-right:                                       0px;
      }
    }
  }
  .dropdown-menu {
    $translate:                                             translate3d(0, 50px, 0) !important;

    padding:                                                0px !important;
    left:                                                   auto !important;
    width:                                                  30vw;
    right:                                                  0 !important;
    -webkit-transform:                                      $translate;
    transform:                                              $translate;

    @include                                                media-breakpoint-down(sm) {
      position: fixed !important;
      transform: translate3d(0px, 0px, 0px) !important;
      -webkit-transform: translate3d(0, 0, 0) !important;
      left: 0px !important;
      top: 0px !important;
    }
  }

  .cart-badge {
    position: absolute;
    right: 50%;
    margin-right: -22px;
    min-height: 18px;
    min-width: 18px;
    border-radius: 10px;
    line-height: 12px;
  }

  @include                                  media-breakpoint-down(sm) {
    position:                                               fixed;
    top:                                                    0px !important;
    height:                                                 $eshop-top-menu-mobile-height !important;
    min-height:                                             $eshop-top-menu-mobile-height !important;
    max-height:                                             $eshop-top-menu-mobile-height !important;
    right:                                                  15px;
    min-width:                                              40px;
    z-index:                                                100000000;
    background: transparent !important;
  }
}
