/*
 * PremiumStore: objednávkový proces, krok 1 návrhu (9. 10. 2026).
 * Platí len pre košík a kroky objednávky (body.ordering-process).
 *
 * 1) Mobil: krok 3 (Informácie o Vás) bol 418 px široký pri okne 390 px, pretože fieldset má
 *    v prehliadačoch min-width: min-content. Okraje polí sa orezali a telefón sa lámal.
 * 2) Cookie lišta v objednávke je nižšia, aby nezakrývala voľby dopravy a platby.
 * 3) Polia a tlačidlá podľa návrhu: zaoblenie 10 px, výraznejší okraj, zelený focus,
 *    písmo 16 px (iOS neprilieha pri kliknutí), tlačidlá bez rozostupov medzi písmenami.
 *
 * V Shoptete (Hlavička): <link rel="stylesheet" href="https://4fkstztvbs-arch.github.io/import_innpro/assets/ux/premiumstore-checkout-20261009.css?v=1">
 * Rollback = odstrániť jeden <link>.
 */
body.ordering-process {
  --ps-ck-green: #167450;
  --ps-ck-green-soft: #e6f2ec;
  --ps-ck-line: #c5d3d6;
  --ps-ck-ink: #0e151c;
}

/* --- 1) Šírka formulára --- */
body.ordering-process fieldset,
body.ordering-process fieldset.co-box { min-width: 0 !important; max-width: 100%; }
body.ordering-process .cart-inner { max-width: 100%; box-sizing: border-box; }
body.ordering-process .co-box .form-group,
body.ordering-process .co-box .form-control { min-width: 0; max-width: 100%; box-sizing: border-box; }
body.ordering-process .co-box .iti,
body.ordering-process .co-box .intl-tel-input { max-width: 100%; }

/* --- 2) Cookie lišta v objednávke --- */
@media (max-width: 767px) {
  body.ordering-process .siteCookies .siteCookies__form { padding: 8px 12px !important; gap: 4px 8px !important; }
  body.ordering-process .siteCookies .siteCookies__text { font-size: 11.5px !important; line-height: 1.3 !important; }
  body.ordering-process .siteCookies .siteCookies__button { height: 40px !important; min-height: 40px !important; font-size: 13px !important; }
  body.ordering-process .siteCookies .siteCookies__link { padding: 2px !important; font-size: 12px !important; }
}

/* --- 3) Polia --- */
html body.ordering-process #order-form .co-box input.form-control:not([type="checkbox"]):not([type="radio"]),
html body.ordering-process #order-form .co-box select.form-control,
html body.ordering-process .cart-content input.form-control:not([type="checkbox"]):not([type="radio"]) {
  min-height: 48px !important;
  font-size: 16px !important;
  border: 1.5px solid var(--ps-ck-line) !important;
  border-radius: 10px !important;
  color: var(--ps-ck-ink);
  box-shadow: none !important;
  background-clip: padding-box;
}
html body.ordering-process #order-form .co-box textarea.form-control { border-radius: 10px !important; border: 1.5px solid var(--ps-ck-line) !important; font-size: 16px !important; min-height: 96px; }
body.ordering-process .co-box .form-control:focus {
  border-color: var(--ps-ck-green) !important;
  outline: 3px solid rgba(22, 116, 80, .22);
  outline-offset: 0;
}
/* Telefón: predvoľba (+421) na jednom riadku vedľa poľa */
body.ordering-process .phone-combined-input { display: flex !important; align-items: center; gap: 8px; min-width: 0; }
body.ordering-process .phone-combined-input .country-flags { flex: 0 0 auto; }
body.ordering-process .phone-combined-input .country-flags-inner { display: flex !important; align-items: center; gap: 4px; white-space: nowrap !important; width: auto !important; }
body.ordering-process .phone-combined-input .country-flags-inner * { white-space: nowrap !important; }
body.ordering-process .phone-combined-input input { flex: 1 1 auto; min-width: 0; width: auto !important; }
@media (max-width: 767px) {
  body.ordering-process .co-box .form-group label,
  body.ordering-process .co-box .form-group .control-label { font-size: 13px; }
}

/* --- 3) Voľby dopravy a platby --- */
body.ordering-process .co-delivery-method .radio-wrapper,
body.ordering-process .co-payment-method .radio-wrapper { border-radius: 10px; }
body.ordering-process .co-delivery-method input[type="radio"]:checked + label,
body.ordering-process .co-payment-method input[type="radio"]:checked + label { border-color: var(--ps-ck-green); }

/* --- 3) Tlačidlá --- */
body.ordering-process .next-step .btn,
body.ordering-process .next-step a.btn,
body.ordering-process .order-summary .btn,
body.ordering-process #submit-order,
body.ordering-process .cart-content .btn-conversion {
  border-radius: 10px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 700;
  min-height: 52px;
}
html body.ordering-process #submit-order .order-button-text { font-size: 16px; text-transform: none !important; letter-spacing: 0 !important; }
body.ordering-process #submit-order .order-button-suffix { display: block; font-size: 12px; font-weight: 500; opacity: .9; letter-spacing: 0; }
body.ordering-process .next-step .btn-conversion,
body.ordering-process .next-step .btn-primary,
body.ordering-process .order-summary .btn-conversion,
body.ordering-process .order-summary .btn-primary { background: var(--ps-ck-green); border-color: var(--ps-ck-green); }

/* ===== Lišta krokov 1-2-3 podľa návrhu: kolieska s číslom + popis vedľa, spojnice ===== */
html body.ordering-process #content ol.cart-header {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  padding: 12px 8px !important;
  margin: 0 !important;
  list-style: none !important;
}
html body.ordering-process #content ol.cart-header li {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
html body.ordering-process #content ol.cart-header li::after { display: none !important; content: none !important; }
html body.ordering-process #content ol.cart-header li + li::before {
  content: "" !important;
  display: block !important;
  position: static !important;
  width: 22px !important;
  height: 0 !important;
  margin: 0 8px !important;
  border: 0 !important;
  border-top: 1.5px solid #c5d3d6 !important;
  background: none !important;
  transform: none !important;
}
html body.ordering-process #content ol.cart-header li a,
html body.ordering-process #content ol.cart-header li strong {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}
html body.ordering-process #content ol.cart-header li a::before,
html body.ordering-process #content ol.cart-header li strong::before {
  display: inline-grid !important;
  place-items: center !important;
  position: static !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #167450 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #167450 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}
html body.ordering-process #content ol.cart-header li.active a::before,
html body.ordering-process #content ol.cart-header li.active strong::before {
  background: #167450 !important;
  color: #fff !important;
}
html body.ordering-process #content ol.cart-header li.completed a::before {
  background: #167450 !important;
  color: #fff !important;
  content: "✓" !important;
}
html body.ordering-process #content ol.cart-header li:not(.active):not(.completed) strong,
html body.ordering-process #content ol.cart-header li:not(.active):not(.completed) strong span {
  color: #56616b !important;
}
html body.ordering-process #content ol.cart-header li:not(.active):not(.completed) strong::before {
  border-color: #c5d3d6 !important;
  color: #56616b !important;
}
html body.ordering-process #content ol.cart-header li.completed a span { text-decoration: underline !important; }
@media (max-width: 480px) {
  html body.ordering-process #content ol.cart-header li:not(.active) a span,
  html body.ordering-process #content ol.cart-header li:not(.active) strong span { display: none !important; }
  html body.ordering-process #content ol.cart-header li a span,
  html body.ordering-process #content ol.cart-header li strong span { letter-spacing: 0 !important; font-size: 14px !important; white-space: nowrap !important; width: auto !important; max-width: none !important; flex: 0 0 auto !important; }
  html body.ordering-process #content ol.cart-header li + li::before { width: 10px !important; margin: 0 5px !important; }
  html body.ordering-process #content ol.cart-header li a,
  html body.ordering-process #content ol.cart-header li strong { font-size: 12px !important; gap: 5px !important; }
}
@media (min-width: 768px) {
  html body.ordering-process #content ol.cart-header li a,
  html body.ordering-process #content ol.cart-header li strong { font-size: 15px !important; gap: 8px !important; }
  html body.ordering-process #content ol.cart-header li + li::before { width: 56px !important; margin: 0 14px !important; }
}

/* Tučný text hlavných tlačidiel */
html body.ordering-process .btn-conversion,
html body.ordering-process .btn-conversion span,
html body.ordering-process #submit-order,
html body.ordering-process #submit-order span,
html body.ordering-process #continue-order-button span { font-weight: 700 !important; }
html body.ordering-process .next-step .btn-conversion,
html body.ordering-process .next-step .btn-conversion span {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
}