$cartbox-border: null !default;
$cartbox-border-top: 3px solid $brand-ctr !default;
$cartbox-shadow: 0 7px 13px 0 rgba(0, 0, 0, .08) !default;


.header-cart {
   .cartbox {
      display: none;
   }
}

@media screen and (min-width: 992px) {
   .header-cart.opened {
      position: relative;

      .cartbox {
         display: block;
      }
   }
}

// todo: components/cartbox-hover.tpl má jen dexhal, přesunout
.cartbox {
   position: absolute;
   right: 0;
   top: 100%;
   z-index: 10;
   width: 340px;
   background: $white;
   border: $cartbox-border;
   box-shadow: $cartbox-shadow;
   text-align: left;
   padding: 15px 20px;

   @if $cartbox-border-top {
      border-top: $cartbox-border-top;
   }

   .shipping-progress {
      margin: $spacer 0;

      p {
         white-space: nowrap;
      }
   }
}

.cartbox-title {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid $border-color;
   padding-bottom: 8px;

   p {
      color: $text-dark;
      font-weight: $font-weight-bold;
      margin: 0;
   }
}
