/* Native Shoptet checkout presentation. No form, validation or order logic. */
body.ordering-process .cart-header {
  border-color: #34464f;
  gap: 12px;
  margin-bottom: 28px;
}
body.ordering-process .cart-header .step,
body.ordering-process .cart-header .step > a,
body.ordering-process .cart-header .step > strong {
  background: #142128;
  border-color: #52666f;
  border-radius: 10px;
  color: #dce9ef;
}
body.ordering-process .cart-header .step span {
  background: transparent !important;
  color: inherit;
}
body.ordering-process .cart-header .step.active,
body.ordering-process .cart-header .step.active > strong {
  background: #00f2ea;
  border-color: #00f2ea;
  color: #061014;
  font-weight: 750;
}
body.ordering-process .cart-header .step.completed > a:hover {
  background: #22373f;
  color: #fff;
}
body.ordering-process .sidebar .toggle-window-arr {
  color: #dce9ef;
}
body.ordering-process #order-form fieldset.box,
body.ordering-process #order-form .order-summary-inner {
  border: 1px solid #34464f;
  border-radius: 16px;
  background: #101b22;
  color: #f5fafb;
  padding: 24px;
}
body.ordering-process #order-form .form-control,
body.ordering-process #order-form select:not(.js-phone-code) {
  background-color: #0a1218;
  color: #f5fafb;
  border: 1px solid #6b838d;
  border-radius: 9px;
  min-height: 48px;
  font-size: 16px;
}
body.ordering-process #order-form .form-control::placeholder {
  color: #a8bbc4;
  opacity: 1;
}
body.ordering-process #order-form .form-control:focus {
  border-color: #00f2ea;
  outline: 2px solid #00f2ea;
  outline-offset: 2px;
  box-shadow: none;
}
body.ordering-process #order-form .form-control:disabled {
  background: #26373d;
  color: #c8d9de;
}
body.ordering-process #order-form .form-control[aria-invalid="true"] {
  border-color: #ff709b;
}
body.ordering-process #order-form .required-asterisk::after {
  color: #ff709b;
}
body.ordering-process #order-form .phone-combined-input,
body.ordering-process #order-form .country-flags,
body.ordering-process #order-form .country-flags-inner {
  color: #f5fafb;
}
body.ordering-process #order-form input:is([type="radio"],[type="checkbox"]) {
  accent-color: #00f2ea;
}
@media (max-width: 767px) {
  body.ordering-process .cart-header { gap: 6px; margin-bottom: 20px; }
  body.ordering-process .cart-header .step { font-size: 12px; }
  body.ordering-process #order-form fieldset.box,
  body.ordering-process #order-form .order-summary-inner { padding: 18px 14px; }
}

body.ordering-process #order-form .country-flags-inner,
body.ordering-process #order-form .country-flag.selected { background-color: #0a1218; }
body.ordering-process #order-form .country-flag .shp-flag-label,
body.ordering-process #order-form .country-flag .shp-flag-name { color: #f5fafb; }
body.ordering-process #order-form .country-flag:hover { background-color: #22373f; }
body.ordering-process #order-form .co-billing-address { border: 0; }
