/*
  Košík – hláška o minimální ceně objednávky + akční lišta "Zpět do obchodu / Pokračovat".
  Obojí sdílí stejnou třídu .next-step.next-step--cart, proto se rozlišuje podle toho,
  jestli uvnitř je tlačítko .next-step-forward (akční lišta) nebo jen text (hláška o minimu).
  Samostatný soubor pro RUČNÍ nahrání do Shoptet FTP prostoru (/user/documents/...).
  Do hlavičky se vkládá <link> tag (viz README v tomto adresáři).
*/

/* ---- Stav 1: minimum objednávky ještě není splněné (jen text + odkaz) ---- */
.next-step.next-step--cart:not(:has(.next-step-forward)) {
  background: linear-gradient(135deg, #fff6e0, #ffe6a3);
  border: 3px solid #ffcc67;
  border-radius: 16px;
  padding: 20px 24px;
  margin: 20px auto;
  max-width: 480px;
  text-align: center;
  animation: tzhCartNoticePulse 1.6s ease-in-out infinite;
}
.next-step.next-step--cart:not(:has(.next-step-forward)) p {
  font-size: 18px;
  line-height: 1.5;
  color: #6b4a00;
  margin: 0;
  text-align: center;
}
.next-step.next-step--cart:not(:has(.next-step-forward)) p strong {
  color: #a86f00;
}
.next-step.next-step--cart:not(:has(.next-step-forward)) a {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 22px;
  background: #e1ad11;
  color: #fff;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;
}
.next-step.next-step--cart:not(:has(.next-step-forward)) a:hover {
  background: #c99400;
}

/* ---- Stav 2: minimum splněné – akční lišta "Zpět do obchodu / Pokračovat" ---- */
/* Cíl je dostat lidi do košíku dál, ne zpátky do obchodu, proto je "Pokračovat"
   výrazné a svítící a "Zpět do obchodu" jen tichý odkaz vedle něj. */
.next-step.next-step--cart:has(.next-step-forward) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px auto;
}

.next-step--cart .next-step-back {
  background: transparent;
  border: none;
  color: #8a7a5c;
  font-weight: 600;
  font-size: 15px;
  text-decoration: underline;
  padding: 10px 4px;
}
.next-step--cart .next-step-back:hover {
  color: #a86f00;
}

.next-step--cart .next-step-forward {
  background: #e1ad11;
  border: none;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  font-size: 17px;
  padding: 14px 34px;
  animation: tzhCartNoticePulse 1.6s ease-in-out infinite;
}
.next-step--cart .next-step-forward:hover {
  background: #c99400;
}

@keyframes tzhCartNoticePulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(225, 173, 17, 0.45), 0 6px 18px rgba(225, 173, 17, 0.25);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(225, 173, 17, 0), 0 6px 24px rgba(225, 173, 17, 0.4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .next-step.next-step--cart,
  .next-step--cart .next-step-forward {
    animation: none;
  }
}

@media (max-width: 767px) {
  .next-step.next-step--cart:not(:has(.next-step-forward)) {
    padding: 20px 18px;
    max-width: 100%;
  }
  .next-step.next-step--cart:not(:has(.next-step-forward)) p {
    font-size: 18px;
    line-height: 1.55;
  }
  .next-step.next-step--cart:not(:has(.next-step-forward)) a {
    display: block;
    margin-top: 12px;
  }

  .next-step.next-step--cart:has(.next-step-forward) {
    flex-direction: column-reverse;
  }
  .next-step--cart .next-step-forward {
    width: 100%;
  }
}