/* Bastlik.cz – dvoustupňový progress bar dopravy (varianta A) – verze 4
   Cílí na: košík / produkt (.extra.delivery) a widget košíku (.cart-free-shipping)
   Ikona auta zůstává původní od Shoptetu. */

.bk-ship {
  --bk-green: #44883e;   /* barva splněného milníku – sjednoť s barvou pruhu Shoptetu */
  --bk-grey: #bdbdbd;    /* barva nesplněného milníku */
  --bk-muted: #777;      /* barva popisků pod pruhem */
}

.bk-ship .bk-msg {
  display: block;
}

/* Pruh Shoptetu – jen uvolníme místo pro milníky a popisky */
.bk-ship .price-range.bk-range {
  position: relative;
  overflow: visible !important;
  margin-bottom: 26px;
}

/* Milníky – nesplněný šedý s fajfkou, splněný zelený */
.bk-ship .bk-mark {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--bk-grey);
  border: 3px solid var(--bk-grey);
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.bk-ship .bk-mark svg {
  display: block;
  width: 11px;
  height: 11px;
}

.bk-ship .bk-mark.is-done {
  background: var(--bk-green);
  border-color: var(--bk-green);
}

/* Koncový milník (doprava zdarma) – zarovnaný s koncem pruhu */
.bk-ship .bk-mark--free {
  transform: translate(-100%, -50%);
}

/* Popisky pod pruhem */
.bk-ship .bk-label {
  position: absolute;
  top: 100%;
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: var(--bk-muted);
  white-space: nowrap;
  pointer-events: none;
}

.bk-ship .bk-label--tier {
  transform: translateX(-50%);
}

.bk-ship .bk-label.is-done {
  color: var(--bk-green);
  font-weight: 600;
}

/* Widget košíku */
.cart-free-shipping .bk-ship .bk-label {
  font-size: 11px;
}

.cart-free-shipping .bk-ship .bk-mark {
  width: 24px;
  height: 24px;
  border-width: 3px;
}

.cart-free-shipping .bk-ship .bk-mark svg {
  width: 12px;
  height: 12px;
}

/* Košík / produkt – zvýraznění částek zeleně */
.extra.delivery .bk-ship .bk-msg strong {
  color: var(--bk-green);
}