/* Dejvi Coffee - Disco / rucne kreslene salky v kosiku.
   Pouze dekorace nativnich kroku. Nezasahuje do obsahu ani ovladani kosiku. */
.cart-header .step { position: relative; }
.cart-header .step::before {
  content: "";
  display: block;
  width: 104px;
  height: 96px;
  margin: 0 auto 3px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20110%20102%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22cup%22%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%20Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23e0d4cb%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.85%22%3E%3Cpath%20d%3D%22M39%2028%20Q32%2020%2039%2012%20Q44%206%2040%202%22%2F%3E%3Cpath%20d%3D%22M52%2029%20Q46%2021%2053%2014%20Q58%208%2055%203%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%22%20fill%3D%22%23fffdfa%22%20stroke%3D%22%23c7b5a8%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20clip-path%3D%22url%28%23cup%29%22%3E%3Cpath%20d%3D%22M12%2062%20Q34%2058%2049%2062%20T85%2062%20V90%20H12%20Z%22%20fill%3D%22%23e8d7c9%22%20opacity%3D%22.35%22%2F%3E%3Cpath%20d%3D%22M20%2065%20Q47%2061%2077%2064%22%20fill%3D%22none%22%20stroke%3D%22%23f0d6bd%22%20stroke-width%3D%221%22%20opacity%3D%22.55%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%22%20fill%3D%22none%22%20stroke%3D%22%23c7b5a8%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2035%20Q49%2031%2079%2035%22%20fill%3D%22none%22%20stroke%3D%22%23c7b5a8%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M79%2040%20C101%2030%20103%2057%2082%2066%22%20fill%3D%22none%22%20stroke%3D%22%23c7b5a8%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c7b5a8%22%20stroke-width%3D%221.2%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M10%2079%20Q4%2072%202%2066%20Q11%2066%2016%2075%22%2F%3E%3Cpath%20d%3D%22M13%2080%20Q9%2067%2012%2061%20Q21%2069%2018%2078%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28-28%2024%2083%29%22%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2283%22%20rx%3D%224.1%22%20ry%3D%222.5%22%20fill%3D%22%23c7b5a8%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M24%2081%20Q22%2083%2024%2085%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.65%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16%2091%20Q49%2095%2083%2091%22%20fill%3D%22none%22%20stroke%3D%22%23c7b5a8%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  pointer-events: none;
}
/* Prave otevreny krok: kava v salku. */
.cart-header .step.active::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20110%20102%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22cup%22%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%20Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c7a88c%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.85%22%3E%3Cpath%20d%3D%22M39%2028%20Q32%2020%2039%2012%20Q44%206%2040%202%22%2F%3E%3Cpath%20d%3D%22M52%2029%20Q46%2021%2053%2014%20Q58%208%2055%203%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%22%20fill%3D%22%23fffdfa%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20clip-path%3D%22url%28%23cup%29%22%3E%3Cpath%20d%3D%22M12%2056%20Q34%2052%2049%2056%20T85%2056%20V90%20H12%20Z%22%20fill%3D%22%23a9744d%22%20opacity%3D%22.92%22%2F%3E%3Cpath%20d%3D%22M20%2059%20Q47%2055%2077%2058%22%20fill%3D%22none%22%20stroke%3D%22%23f0d6bd%22%20stroke-width%3D%221%22%20opacity%3D%22.55%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2035%20Q49%2031%2079%2035%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M79%2040%20C101%2030%20103%2057%2082%2066%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%221.2%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M10%2079%20Q4%2072%202%2066%20Q11%2066%2016%2075%22%2F%3E%3Cpath%20d%3D%22M13%2080%20Q9%2067%2012%2061%20Q21%2069%2018%2078%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28-28%2024%2083%29%22%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2283%22%20rx%3D%224.1%22%20ry%3D%222.5%22%20fill%3D%22%238f6345%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M24%2081%20Q22%2083%2024%2085%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.65%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16%2091%20Q49%2095%2083%2091%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E");
}
/* Jiz absolvovany krok: naplneny salek. */
.cart-header .step.completed::before,
.cart-header .step.done::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20110%20102%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22cup%22%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%20Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c7a88c%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.85%22%3E%3Cpath%20d%3D%22M39%2028%20Q32%2020%2039%2012%20Q44%206%2040%202%22%2F%3E%3Cpath%20d%3D%22M52%2029%20Q46%2021%2053%2014%20Q58%208%2055%203%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%22%20fill%3D%22%23fffdfa%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20clip-path%3D%22url%28%23cup%29%22%3E%3Cpath%20d%3D%22M12%2050%20Q34%2046%2049%2050%20T85%2050%20V90%20H12%20Z%22%20fill%3D%22%236e3d23%22%20opacity%3D%22.92%22%2F%3E%3Cpath%20d%3D%22M20%2053%20Q47%2049%2077%2052%22%20fill%3D%22none%22%20stroke%3D%22%23f0d6bd%22%20stroke-width%3D%221%22%20opacity%3D%22.55%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M18%2035%20Q19%2070%2034%2078%20Q49%2087%2064%2077%20Q78%2068%2079%2035%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%222.15%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2035%20Q49%2031%2079%2035%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M79%2040%20C101%2030%20103%2057%2082%2066%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%221.2%22%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M10%2079%20Q4%2072%202%2066%20Q11%2066%2016%2075%22%2F%3E%3Cpath%20d%3D%22M13%2080%20Q9%2067%2012%2061%20Q21%2069%2018%2078%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28-28%2024%2083%29%22%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2283%22%20rx%3D%224.1%22%20ry%3D%222.5%22%20fill%3D%22%238f6345%22%20opacity%3D%22.75%22%2F%3E%3Cpath%20d%3D%22M24%2081%20Q22%2083%2024%2085%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.65%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16%2091%20Q49%2095%2083%2091%22%20fill%3D%22none%22%20stroke%3D%22%238f6345%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E");
}
@media (max-width: 600px) {
  .cart-header .step::before { width: 74px; height: 70px; margin-bottom: 2px; }
}
@media (max-width: 380px) {
  .cart-header .step::before { width: 61px; height: 58px; }
}

/* FINÁLNÍ ÚPRAVA: bílá čísla na zeleném pozadí.
   Pouze číslice uvnitř aktivního / dokončeného kroku,
   nikoli názvy kroků nebo jiné texty košíku. */
.cart-header .step.active :is(.number, .step-number, .step-circle, .circle),
.cart-header .step.completed :is(.number, .step-number, .step-circle, .circle),
.cart-header .step.done :is(.number, .step-number, .step-circle, .circle),
.cart-header .step.active > span:first-child,
.cart-header .step.completed > span:first-child,
.cart-header .step.done > span:first-child {
  color: #fff !important;
}

/* DEJVI COFFEE – FINALNI BARVA CISEL KOSIKU */

/* Aktivni a dokoncene kroky – bila cisla */
ol.cart-header li.step.active > a::before,
ol.cart-header li.step.active > strong::before,
ol.cart-header li.step.completed > a::before,
ol.cart-header li.step.completed > strong::before {
    color: #ffffff !important;
}

/* Neaktivni kroky – tmava cisla */
ol.cart-header li.step:not(.active):not(.completed) > a::before,
ol.cart-header li.step:not(.active):not(.completed) > strong::before {
    color: #171717 !important;
}