// obalujici "display-table" div dopravy a platby
.cart-box {
   border-collapse: collapse;
   table-layout: fixed;
}

.deliveries {
   > div {
      padding-bottom: 30px;
   }

   h2:not(:first-child) {
      margin-bottom: 15px;
      padding-top: 40px;

      img {
         margin-right: 5px;
         vertical-align: middle;
      }
   }
}

.curr-switch {
   margin-top: 20px;

   .sm {
      display: none;
   }

   @media screen and (max-width: 400px) {
      img {
         display: none;
      }

      .sm {
         display: block;
      }
   }
}

.delivery-item,
.payment-item {
   border: 1px solid transparent;
   border-bottom-color: $border-color;

   &:hover {
      border-color: $border-color;

      > div {
         border-bottom: 1px solid $border-color;
         border-top: 1px solid $border-color;
      }
   }

   &.disabled {
      opacity: .5;
      pointer-events: none;

      &:hover {
         border-color: transparent;

         > div {
            border-bottom: 1px solid $border-color;
            border-top: 1px solid $border-color;
         }
      }
   }

   > div {
      padding: 12px 20px 10px;
   }

   small {
      display: block;
   }

   p {
      margin: 0;
      vertical-align: middle;
   }

   label {
      margin-bottom: 0;
      padding: 10px 0 10px 30px;
   }

   .delivery-price {
      font-size: 18px;
      vertical-align: middle;
      white-space: nowrap;
      width: 110px;
      text-align: right;
   }

   .display-cell:first-child {
      padding-right: 0;
      height: 80px;
   }
}

.delivery-item {
   img {
      margin-bottom: 10px;
   }

   .display-cell {
      vertical-align: top;
   }

   .custom-control-indicator {
      top: 18px;
   }

   .delivery_description {
      display: none !important;

      // popis z adminu
      > p:first-child {
         padding-top: 1rem;
      }
   }

   .custom-control-input:checked ~ .delivery_description {
      display: block !important;
   }

   .delivery-price {
      vertical-align: top;
      padding-top: 25px;
   }

   @media screen and (min-width: 400px) and (max-width: 767px), screen and (min-width: 992px) {
      img {
         position: absolute;
         left: 40px;
         margin: 0;

         + p {
            padding-left: 145px;
         }
      }
   }

   @media screen and (max-width: 500px) {
      position: relative;
      display: block;

      &:hover > div {
         border: 0;
      }

      img {
         position: static;

         + p {
            padding-left: 0;
            padding-top: 15px;
         }
      }

      .display-cell.display-cell {
         height: auto;
         display: block;
         border: 0;
         padding-right: 20px;
      }

      .delivery-price {
         position: absolute;
         right: 0;
         top: 0;
      }

      .balik-na-postu {
         padding-left: 0;
      }
   }
}

.payment-item {
   .custom-control-indicator {
      top: 50%;
      margin-top: -10px;
   }

   @media screen and (max-width: 365px) {
      .nowrap {
         display: block;
         margin: 5px 0 0 0;
      }
   }
}

.balik-na-postu {

   .posta-info {
      display: none;

      &.open {
         display: block;
      }

      p:first-of-type {
         padding-top: 15px;
      }
   }

   .opening-hours {
      padding: .4em 0;
   }

   p {
      color: $body-color;

      span {
         min-width: 5em;
         display: inline-block;
         font-weight: 600;
      }
   }

   i.form-control-feedback {
      display: none !important;
   }
}

// balik na postu + odpol
.delivery-class {
   padding-left: 10px;
   padding-top: 15px;
   position: relative;

   a {
      @include underline-default;
   }

   input {
      margin: 10px 0 0;
      @include disable-spinner;
   }

   .ac-psc {
      ul {
         margin-bottom: 0;
      }

      li {
         border-bottom: 1px solid $border-color;
         padding: 10px;
      }
   }

   .autocomplete {
      width: auto;
      left: 0;
      right: 0;
   }
}

// posta-info je u baliku do ruky i u bnp, tyhle styly se aplikuji jen na bpn
.posta-info {
   p {
      padding: 3px 0;
   }

   p:first-of-type {
      padding-top: 10px;
   }
}

.zasilkovna {
   div > p {
      margin: 0;
      padding: 16px 0;
   }

   .btn:first-child {
      margin-top: 10px;
   }
}

.payment-gopay {

   .payment-item-small {
      margin: 5px;
      max-width: 60px;
      width: 100%;
   }

   .payment-item-lg {
      margin-right: 5px;
      max-width: 70px;
      width: 100%;
   }

   [for$='BANK_ACCOUNT'] .payment-item-lg {
      margin-left: 15px;
      margin-right: 20px;
      max-width: 40px;
   }
}
