/* ── základní reset lišty ── */
ol.cart-header {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  gap: 0;
  justify-content: center;
}

ol.cart-header li {
  position: relative;
  display: flex;
  width: auto;
  align-items: center;
}

ol.cart-header li strong,
ol.cart-header li a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 18px;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 10px 55px 10px 55px !important;
  min-width: 200px;
  color: #aaa !important;
  text-decoration: none !important;
  border-bottom: none !important;
  z-index: 1;
}

ol.cart-header li strong::before,
ol.cart-header li a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='401' height='65' viewBox='0 0 401 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M358 0.0195312C361.703 0.151355 365.243 1.00902 368.484 2.43555C382.543 9.06215 400.925 32.2579 401 32.3525C384.558 56.3306 368.668 62.4551 368.668 62.4551C365.354 63.9175 361.771 64.8072 358 64.9697V65H0V64.9697C3.77081 64.8072 7.35391 63.9175 10.668 62.4551C10.668 62.4551 26.5581 56.3306 43 32.3525C42.925 32.2579 24.5434 9.06215 10.4844 2.43555C7.24261 1.00902 3.70298 0.151355 0 0.0195312V0H358V0.0195312Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

ol.cart-header li.active:nth-child(2) strong::before,
ol.cart-header li.active:nth-child(2) a::before,
ol.cart-header li.active:nth-child(3) strong::before,
ol.cart-header li.active:nth-child(3) a::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg width='401' height='65' viewBox='0 0 401 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M358 0.0195312C361.703 0.151355 365.243 1.00902 368.484 2.43555C382.543 9.06215 400.925 32.2579 401 32.3525C384.558 56.3306 368.668 62.4551 368.668 62.4551C365.354 63.9175 361.771 64.8072 358 64.9697V65H0V64.9697C3.77081 64.8072 7.35391 63.9175 10.668 62.4551C10.668 62.4551 26.5581 56.3306 43 32.3525C42.925 32.2579 24.5434 9.06215 10.4844 2.43555C7.24261 1.00902 3.70298 0.151355 0 0.0195312V0H358V0.0195312Z' fill='%23E86B88'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

ol.cart-header li.step-1 strong::before {
  background-image: url("data:image/svg+xml,%3Csvg width='403' height='65' viewBox='0 0 403 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M360 0.0195312C363.703 0.151355 367.243 1.00902 370.484 2.43555C384.543 9.06215 402.925 32.2579 403 32.3525C386.558 56.3306 370.668 62.4551 370.668 62.4551C367.354 63.9175 363.771 64.8072 360 64.9697V65H32.5C14.5507 65 0 50.4493 0 32.5C0 14.5507 14.5507 0 32.5 0H360V0.0195312Z' fill='%23cccccc'/%3E%3C/svg%3E");
}

ol.cart-header li.active strong::before {
  background-image: url("data:image/svg+xml,%3Csvg width='403' height='65' viewBox='0 0 403 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M360 0.0195312C363.703 0.151355 367.243 1.00902 370.484 2.43555C384.543 9.06215 402.925 32.2579 403 32.3525C386.558 56.3306 370.668 62.4551 370.668 62.4551C367.354 63.9175 363.771 64.8072 360 64.9697V65H32.5C14.5507 65 0 50.4493 0 32.5C0 14.5507 14.5507 0 32.5 0H360V0.0195312Z' fill='%23E86B88'/%3E%3C/svg%3E");
}

ol.cart-header li:nth-child(1):not(.active) strong::before,
ol.cart-header li:nth-child(1):not(.active) a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='403' height='65' viewBox='0 0 403 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M360 0.0195312C363.703 0.151355 367.243 1.00902 370.484 2.43555C384.543 9.06215 402.925 32.2579 403 32.3525C386.558 56.3306 370.668 62.4551 370.668 62.4551C367.354 63.9175 363.771 64.8072 360 64.9697V65H32.5C14.5507 65 0 50.4493 0 32.5C0 14.5507 14.5507 0 32.5 0H360V0.0195312Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
}

/* ── krok 3 — neaktivní (zaoblené vpravo + šipka vlevo) ── */
ol.cart-header li:nth-child(3):not(.active) strong::before,
ol.cart-header li:nth-child(3):not(.active) a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='65' viewBox='0 0 360 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M327.5 0C345.449 2.57704e-06 360 14.5507 360 32.5C360 50.4493 345.449 65 327.5 65H0V64.9062C3.40493 64.6415 6.64825 63.7876 9.66797 62.4551C9.66797 62.4551 25.5581 56.3306 42 32.3525C41.925 32.2579 23.5434 9.06215 9.48438 2.43555C6.53565 1.13797 3.34038 0.312322 0 0.0742188V0H327.5Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
}

/* ── krok 3 — aktivní (zaoblené vpravo + šipka vlevo, růžová) ── */
ol.cart-header li:nth-child(3).active strong::before,
ol.cart-header li:nth-child(3).active a::before {
  background-image: url("data:image/svg+xml,%3Csvg width='360' height='65' viewBox='0 0 360 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M327.5 0C345.449 2.57704e-06 360 14.5507 360 32.5C360 50.4493 345.449 65 327.5 65H0V64.9062C3.40493 64.6415 6.64825 63.7876 9.66797 62.4551C9.66797 62.4551 25.5581 56.3306 42 32.3525C41.925 32.2579 23.5434 9.06215 9.48438 2.43555C6.53565 1.13797 3.34038 0.312322 0 0.0742188V0H327.5Z' fill='%23E86B88'/%3E%3C/svg%3E");
}

ol.cart-header li.step-1.active strong {
  color: #fff !important;
}


/* ════════════════════════════════════════════
   MOBIL — pod 767 px
   Mobilní tvary šipek (výška 55 px, užší)
   Barvy zůstávají stejné jako na desktopu.
   ════════════════════════════════════════════ */
@media (max-width: 767px) {

  ol.cart-header li strong,
  ol.cart-header li a {
    font-size: 13px;
    padding: 8px 28px 8px 28px !important;
    min-width: 0;
  }

  /* ── výchozí tvar: prostřední krok (šipka vlevo + šipka vpravo), neaktivní ── */
  ol.cart-header li strong::before,
  ol.cart-header li a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='122' height='55' viewBox='0 0 122 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M108.095 0.0185547C109.213 0.129152 110.282 0.848576 111.261 2.04492C115.514 7.61416 121.079 27.1357 121.079 27.1357C116.136 47.157 111.358 52.3358 111.316 52.3809C110.316 53.6073 109.233 54.3538 108.095 54.4902V54.5137H107.771C107.753 54.514 107.735 54.5156 107.718 54.5156C107.7 54.5156 107.682 54.514 107.665 54.5137H0V54.4902C1.13843 54.3538 2.22113 53.6072 3.22168 52.3809C3.2681 52.3308 8.04315 47.1472 12.9834 27.1357C12.9834 27.1357 7.41965 7.61425 3.16602 2.04492C2.18727 0.848625 1.11798 0.129198 0 0.0185547V0H108.095V0.0185547Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
  }

  /* ── prostřední krok aktivní (šipka vlevo + šipka vpravo, růžová) ── */
  ol.cart-header li.active:nth-child(2) strong::before,
  ol.cart-header li.active:nth-child(2) a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='122' height='55' viewBox='0 0 122 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M108.095 0.0185547C109.213 0.129152 110.282 0.848576 111.261 2.04492C115.514 7.61416 121.079 27.1357 121.079 27.1357C116.136 47.157 111.358 52.3358 111.316 52.3809C110.316 53.6073 109.233 54.3538 108.095 54.4902V54.5137H107.771C107.753 54.514 107.735 54.5156 107.718 54.5156C107.7 54.5156 107.682 54.514 107.665 54.5137H0V54.4902C1.13843 54.3538 2.22113 53.6072 3.22168 52.3809C3.2681 52.3308 8.04315 47.1472 12.9834 27.1357C12.9834 27.1357 7.41965 7.61425 3.16602 2.04492C2.18727 0.848625 1.11798 0.129198 0 0.0185547V0H108.095V0.0185547Z' fill='%23E86B88'/%3E%3C/svg%3E");
  }

  /* ── krok 1 — neaktivní (zaoblený vlevo + šipka vpravo, světle šedá) ── */
  ol.cart-header li:nth-child(1):not(.active) strong::before,
  ol.cart-header li:nth-child(1):not(.active) a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='124' height='55' viewBox='0 0 124 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110.466 0.0185547C111.602 0.129108 112.688 0.848596 113.683 2.04492C118.005 7.61376 123.66 27.1357 123.66 27.1357C118.615 47.2452 113.739 52.3809 113.739 52.3809C112.722 53.6073 111.623 54.3538 110.466 54.4902V54.5137H110.137C110.119 54.514 110.101 54.5156 110.083 54.5156C110.065 54.5156 110.046 54.514 110.028 54.5137H27.2568C12.2033 54.5137 0 42.3104 0 27.2568C1.13397e-05 12.2033 12.2033 8.3312e-06 27.2568 0H110.466V0.0185547Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
  }

  /* ── krok 1 — aktivní (zaoblený vlevo + šipka vpravo, růžová) ── */
  ol.cart-header li:nth-child(1).active strong::before,
  ol.cart-header li:nth-child(1).active a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='124' height='55' viewBox='0 0 124 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110.466 0.0185547C111.602 0.129108 112.688 0.848596 113.683 2.04492C118.005 7.61376 123.66 27.1357 123.66 27.1357C118.615 47.2452 113.739 52.3809 113.739 52.3809C112.722 53.6073 111.623 54.3538 110.466 54.4902V54.5137H110.137C110.119 54.514 110.101 54.5156 110.083 54.5156C110.065 54.5156 110.046 54.514 110.028 54.5137H27.2568C12.2033 54.5137 0 42.3104 0 27.2568C1.13397e-05 12.2033 12.2033 8.3312e-06 27.2568 0H110.466V0.0185547Z' fill='%23E86B88'/%3E%3C/svg%3E");
  }

  /* ── krok 3 — neaktivní (šipka vlevo + zaoblený vpravo, světle šedá) ── */
  ol.cart-header li:nth-child(3):not(.active) strong::before,
  ol.cart-header li:nth-child(3):not(.active) a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='114' height='55' viewBox='0 0 114 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0508 0C101.104 0 113.308 12.2033 113.308 27.2568C113.308 42.3104 101.104 54.5137 86.0508 54.5137H0V54.4375C1.07138 54.2152 2.09282 53.498 3.04297 52.3809C3.09168 52.3305 8.07014 47.1466 13.2197 27.1357C13.2197 27.1357 7.41936 7.61427 2.98535 2.04492C2.05743 0.956887 1.0512 0.264318 0 0.0644531V0H86.0508Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
  }

  /* ── krok 3 — aktivní (šipka vlevo + zaoblený vpravo, růžová) ── */
  ol.cart-header li:nth-child(3).active strong::before,
  ol.cart-header li:nth-child(3).active a::before {
    background-image: url("data:image/svg+xml,%3Csvg width='114' height='55' viewBox='0 0 114 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0508 0C101.104 0 113.308 12.2033 113.308 27.2568C113.308 42.3104 101.104 54.5137 86.0508 54.5137H0V54.4375C1.07138 54.2152 2.09282 53.498 3.04297 52.3809C3.09168 52.3305 8.07014 47.1466 13.2197 27.1357C13.2197 27.1357 7.41936 7.61427 2.98535 2.04492C2.05743 0.956887 1.0512 0.264318 0 0.0644531V0H86.0508Z' fill='%23E86B88'/%3E%3C/svg%3E");
  }

}