/* ============================================================
   FÁZE H — POKLADNA (/objednavka, thecheckout 3.4.8, one-page)
   Vlastník: checkout agent. Scope: body#checkout. Tokeny: --kso-*.
   Bez předlohy v artefaktu — vizuální sjednocení s design systémem
   webu (karty radius 14, pilulkové inputy a tlačítka, coral
   checkboxy/radia, žluté CTA, h1 se žlutým zvýrazňovačem dle
   cart.css/category.css).

   Jak to funguje (DŮLEŽITÉ pro další úpravy):
   1. Legacy sekce POKLADNA v custom.css (~ř. 2500-4180, převzatá
      z baseball-shopu) dělá STRUKTURÁLNÍ práci (float labels,
      okapy polí, sticky souhrn, dm_ souhlasy, loga plateb,
      responsivní přesuny) a zůstává. Tento soubor ji přebarvuje:
      a) remapem tokenů --ks-* na body#checkout (vyšší specificita
         než legacy :root) — tím se samy přebarví: coral akcenty
         (vybraná doprava/platba přes legacy :has(), puntík radia,
         hover odkazů), rámečky karet na --line, radius 14;
      b) cílenými overridy (pilulky, CTA, nadpisy, titulek).
   2. Pořadí kaskády: custom.css (2×) → … → checkout.css (1008)
      → CSS modulu thecheckout (front.less, clean.less, css-config
      se načítají AŽ ZA VŠÍM přes hook). Remíza important+specificita
      s custom.css padá mně (jsem později); proti CSS modulu je
      nutný !important se stejnou/vyšší specificitou (legacy už to
      řeší, já kopíruji jeho selektory).
   3. thecheckout přeskládává layout JavaScriptem a bloky překresluje
      AJAXem (změna dopravce/platby/množství) — ŽÁDNÉ JS zásahy do
      DOM, jen čisté CSS; posuzovat vizuálně ze screenshotů.
   4. Žádné :has() v tomto souboru; stavy vybrané dopravy/platby
      obsluhují existující legacy :has() pravidla (jen dostávají
      coral přes token remap) + třída .selected u dopravy.
   ============================================================ */

/* ---- lokální tokeny + remap legacy --ks-* na design webu ---- */
body#checkout {
  --kso-paper: #FFFDF6;
  --kso-surface: #FFFFFF;
  --kso-cream: #FDF4D8;
  --kso-cream2: #FFF7E0;
  --kso-ink: #2B2620;
  --kso-text: #4C473F;
  --kso-muted: #9C9483;
  --kso-faint: #BDB7A6;
  --kso-line: #EDE7D8;
  --kso-line-strong: #DED6C2;
  --kso-coral: #F07E7E;
  --kso-coral-deep: #E06A6A;
  --kso-coral-soft: #FCE6E4;
  --kso-yellow-btn: #FFCE3B;
  --kso-yellow-deep: #EDAF06;
  --kso-hi: #FFE07A;
  --kso-shadow-sm: 0 1px 2px rgba(43,38,32,.05), 0 5px 14px rgba(43,38,32,.05);
  --kso-shadow: 0 3px 8px rgba(43,38,32,.06), 0 16px 36px rgba(43,38,32,.08);
  --kso-r: 14px;

  /* remap tokenů legacy sekce POKLADNA (custom.css :root) — přebarví
     legacy pravidla, která nepřepisuji (vybraný dopravce/platba,
     puntík radia, hovery odkazů, rámečky karet, radiusy) */
  --ks-cerna: #2B2620;
  --ks-nadpis: #2B2620;
  --ks-akcent: #E06A6A;
  --ks-akcent-hover: #F07E7E;
  --ks-zluta: #FFE07A;
  --ks-zelena: #3EA24A;
  --ks-text: #4C473F;
  --ks-muted: #9C9483;
  --ks-muted-2: #BDB7A6;
  --ks-border: #EDE7D8;
  --ks-radius: 14px;
  --ks-radius-s: 10px;
}

/* ============================================================
   1. RÁM STRÁNKY
   ============================================================ */
/* prastarý blok v custom.css: body#checkout{color:#315388 !important} */
body#checkout { color: var(--kso-text) !important; }
/* karty stojí na papírovém podkladu webu, ne na bílé desce
   (legacy: body#checkout #content{background:#fff}) */
body#checkout #content { background: transparent; }

/* ============================================================
   2. TITULEK STRÁNKY (html-box-1 „Objednávka")
   Legacy: Baloo 44/700 uppercase + šikmý žlutý ::after.
   Nově 1:1 s /kosik: 32/800, žlutý gradient za spodní půlkou.
   ============================================================ */
body#checkout #thecheckout-html-box-1 > .inner-area {
  font-size: 32px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: 0;
  text-transform: none;
  color: var(--kso-ink);
  background: -webkit-linear-gradient(top, transparent 58%, var(--kso-hi) 58%, var(--kso-hi) 95%, transparent 95%);
  background: linear-gradient(180deg, transparent 58%, var(--kso-hi) 58%, var(--kso-hi) 95%, transparent 95%);
  border-radius: 3px;
  padding: 0 6px !important;
  margin-left: -6px;
}
body#checkout #thecheckout-html-box-1 > .inner-area::after { content: none; display: none; }
body#checkout #thecheckout-html-box-1 { padding-bottom: 14px !important; }

/* ============================================================
   3. KARTY BLOKŮ A NADPISY SEKCÍ
   ============================================================ */
body#checkout .checkout-block.main-block > .inner-area,
body#checkout #thecheckout-cart-summary > .inner-area,
body#checkout #thecheckout-order-message > .inner-area,
body#checkout #thecheckout-confirm > .inner-area {
  padding: 20px 22px !important;
  background: var(--kso-surface);
  border: 1px solid var(--kso-line) !important;
  border-radius: var(--kso-r) !important;
  -webkit-box-shadow: var(--kso-shadow-sm);
  box-shadow: var(--kso-shadow-sm);
}

/* nadpis karty: bez verzálek, váha 800, jako titulky sekcí na webu */
body#checkout .block-header,
body#checkout .already-account-label {
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: 0;
  text-transform: none;
  color: var(--kso-ink) !important;
  margin: 0 0 14px 0 !important;
}
/* číslo kroku: coral plaketa (legacy kreslí kruh z --ks-akcent,
   remap ho už obarvil; tady jen jemné doladění velikosti) */
body#checkout .checkout-block[class*='num-'] .block-header::before {
  width: 26px;
  height: 26px;
  font-size: 13px;
  font-weight: 800;
}

/* ============================================================
   4. PŘEPÍNAČE HOST / PŘIHLÁŠENÍ / REGISTRACE (pilulky)
   ============================================================ */
body#checkout .checkout-options-buttons .btn {
  height: 40px;
  border: 1.5px solid var(--kso-line-strong);
  border-radius: 100px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  color: var(--kso-ink) !important;
}
body#checkout .checkout-options-buttons .btn:hover {
  background: var(--kso-cream2);
  border-color: var(--kso-line-strong);
}
body#checkout .checkout-options-buttons .btn.active,
body#checkout .checkout-options-buttons .btn.active:hover {
  background: var(--kso-ink);
  border-color: var(--kso-ink);
  color: #fff !important;
}

/* tlačítko Přihlásit ve formuláři přihlášení: tmavá pilulka */
body#checkout #login-form .form-footer .btn[data-link-action="x-sign-in"] {
  background: var(--kso-ink) !important;
  border-radius: 100px !important;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
body#checkout #login-form .form-footer .btn[data-link-action="x-sign-in"]:hover { background: #4C473F !important; }
body#checkout .forgot-password a { color: var(--kso-muted) !important; }
body#checkout .forgot-password a:hover { color: var(--kso-coral-deep) !important; }

/* ============================================================
   5. FORMULÁŘOVÁ POLE (pilulky jako na zbytku webu)
   Přebíjí: legacy 12.3 (radius 6, #e4e4e4, !important) i prastarý
   blok `.page-content .form-control{bg #f2f2f2/radius 0 !important}`.
   ============================================================ */
body#checkout .page-content .form-control:not(textarea),
body#checkout .page-content select.form-control-select.form-control {
  height: 46px !important;
  padding: 0 18px !important;
  background-color: #fff !important;
  border: 1.5px solid var(--kso-line-strong) !important;
  border-radius: 100px !important;
  font-size: 15px !important;
  line-height: 44px !important;
  font-weight: 600;
  color: var(--kso-ink);
  -webkit-appearance: none;
  appearance: none;
}
/* select: šipka v tlumené barvě webu */
body#checkout .page-content .has-float-label select.form-control,
body#checkout .page-content select.form-control-select.form-control {
  padding: 0 42px 0 18px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.8 6 6.2l4.5-4.4' fill='none' stroke='%239C9483' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-position: right 18px center !important;
}
body#checkout .page-content textarea.form-control,
body#checkout #delivery_message,
body#checkout #gift_message {
  padding: 12px 16px !important;
  background-color: #fff !important;
  border: 1.5px solid var(--kso-line-strong) !important;
  border-radius: var(--kso-r) !important;
  font-size: 15px;
  color: var(--kso-ink);
}
/* vyplněné pole drží běžný rámeček (legacy tam tlačí #e4e4e4 !important) */
body#checkout .has-float-label :not(:placeholder-shown):not(:focus):not(.-error) { border-color: var(--kso-line-strong) !important; }
/* fokus: rámeček ink, bez halo (vzor cart.css) */
body#checkout .page-content .form-control:focus,
body#checkout .has-float-label input:focus,
body#checkout .has-float-label select:focus,
body#checkout .page-content textarea.form-control:focus,
body#checkout #delivery_message:focus,
body#checkout #gift_message:focus {
  border-color: var(--kso-ink) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body#checkout .page-content .form-control::-webkit-input-placeholder { color: var(--kso-muted); }
body#checkout .page-content .form-control::-moz-placeholder { color: var(--kso-muted); }
body#checkout .page-content .form-control:-ms-input-placeholder { color: var(--kso-muted); }
body#checkout .page-content .form-control::placeholder { color: var(--kso-muted); opacity: 1; }
/* Chrome autofill: bez modrého podkladu, pilulka zůstává */
body#checkout .page-content input.form-control:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 44px #fff !important;
  -webkit-text-fill-color: var(--kso-ink);
  border-radius: 100px !important;
}
/* popisek nad polem */
body#checkout .has-float-label span.field-label,
body#checkout .has-float-label.required span.field-label,
body#checkout .need-dni .has-float-label span.field-label,
body#checkout .has-float-label input:placeholder-shown:not(:focus) ~ span.field-label,
body#checkout .has-float-label select:placeholder-shown:not(:focus) ~ span.field-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--kso-ink) !important;
}
/* chybové pole: jemná coral červená místo syté */
body#checkout #content.page-content .form-control.-error,
body#checkout #content.page-content .has-float-label .form-control.-error {
  border-color: #D9232A !important;
  background-color: #FDF1F0 !important;
}
/* předvolba telefonu drží tvar pilulky */
body#checkout .country-call-prefix {
  height: 46px !important;
  background: var(--kso-cream2);
  border-radius: 100px 0 0 100px;
}

/* ============================================================
   6. CHECKBOXY (přesun z custom.css, Filip 1.9.2026) + RADIA
   Checkbox: vizuální box 20×20, coral při zaškrtnutí, input
   roztažený přes box, aby klik nikdy neminul.
   ============================================================ */
body#checkout .custom-checkbox { position: relative !important; }
body#checkout .custom-checkbox input[type=checkbox] {
  position: absolute !important;
  left: 0 !important; top: 50% !important;
  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
  width: 20px !important; height: 20px !important;
  margin: 0 !important; opacity: 0 !important;
  cursor: pointer; z-index: 2;
}
body#checkout .custom-checkbox input[type=checkbox] + span {
  display: inline-block !important;
  width: 20px !important; height: 20px !important;
  border: 1.6px solid #DED6C2 !important;
  border-radius: 6px !important;
  background: #fff !important;
  vertical-align: middle;
  -webkit-transition: all .12s ease; transition: all .12s ease;
}
body#checkout .custom-checkbox input[type=checkbox]:checked + span {
  background: #F07E7E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 10.4l3.2 3.2L15 7' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat !important;
  border-color: #F07E7E !important;
}
body#checkout .custom-checkbox input[type=checkbox]:focus-visible + span {
  outline: 3px solid #EDAF06; outline-offset: 2px;
}
body#checkout .custom-checkbox input[type=checkbox] + span::before,
body#checkout .custom-checkbox input[type=checkbox] + span::after { content: none !important; }

/* radio: klidový rámeček v barvě linek; vybrané (rámeček i puntík)
   barví legacy pravidla přes --ks-akcent → coral (token remap) */
body#checkout .checkout-block span.custom-radio {
  border: 2px solid var(--kso-line-strong) !important;
}

/* text u checkboxu */
body#checkout .custom-checkbox span.label,
body#checkout span.custom-checkbox > label,
body#checkout .custom-checkbox span.label p {
  color: var(--kso-text);
}

/* ============================================================
   7. NEWSLETTER + GDPR (cream pruh nad potvrzením)
   ============================================================ */
body#checkout #thecheckout-newsletter > .inner-area,
body#checkout #thecheckout-psgdpr > .inner-area {
  background: var(--kso-cream2);
  padding: 12px 16px !important;
}

/* ============================================================
   8. DOPRAVA A PLATBA (volitelné karty)
   Vybraný stav: rámeček coral + krémový podklad — kreslí legacy
   :has() pravidla po token remapu; tady navíc třída .selected
   (tu dává modul jen dopravě) pro starší prohlížeče.
   ============================================================ */
body#checkout .delivery-options .delivery-option-row,
body#checkout .payment-options .payment-option {
  margin: 0 0 10px 0 !important;
  padding: 13px 16px !important;
  border: 1.5px solid var(--kso-line);
  border-radius: 12px;
}
body#checkout .delivery-options .delivery-option-row:hover,
body#checkout .payment-options .payment-option:hover {
  border-color: var(--kso-line-strong);
  background: var(--kso-paper);
}
body#checkout .delivery-options .delivery-option-row.selected,
body#checkout .delivery-options .delivery-option-row.selected:hover {
  border-color: var(--kso-coral-deep);
  background: #FFFBE8;
}
body#checkout .delivery-option-name,
body#checkout .payment-option label span.h6 {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: var(--kso-ink);
}
body#checkout .page-content span.carrier-delay,
body#checkout .delivery-option-delay { color: var(--kso-muted) !important; }
body#checkout .delivery-option-price,
body#checkout .carrier-price {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
  color: var(--kso-ink);
}
body#checkout .delivery-option-price.free,
body#checkout .delivery-option-price.free .carrier-price { color: var(--kso-muted); font-weight: 600; }

/* tlačítka widgetů výdejních míst: tmavé pilulky (vzor kupón v košíku) */
body#checkout #dmppl_button,
body#checkout .shaim_zasilkovna_widget input.btn,
body#checkout #result_balikovna_zip_city .vybrat_balikovna {
  background: var(--kso-ink) !important;
  border: none !important;
  border-radius: 100px !important;
  color: #fff !important;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}
body#checkout #dmppl_button:hover,
body#checkout .shaim_zasilkovna_widget input.btn:hover,
body#checkout #result_balikovna_zip_city .vybrat_balikovna:hover { background: #4C473F !important; }
/* pole hledání Balíkovny jako pilulka */
body#checkout #find_balikovna_zip_city {
  border: 1.5px solid var(--kso-line-strong) !important;
  border-radius: 100px;
  padding: 0 18px;
}
body#checkout #find_balikovna_zip_city:focus { border-color: var(--kso-ink) !important; }

/* ============================================================
   9. SOUHRN KOŠÍKU (pravý sloupec)
   ============================================================ */
body#checkout #thecheckout-cart-summary .cart-item { border-bottom: 1px solid var(--kso-line); }
body#checkout.compact-cart #tc-container .product-line-image img,
body#checkout.compact-cart #tc-container-mobile .product-line-image img {
  border: 1px solid var(--kso-line);
  border-radius: 10px;
}
body#checkout #thecheckout-cart-summary .product-line-info.product-title a.label,
body#checkout.compact-cart #tc-container .product-line-info .label {
  font-weight: 700 !important;
}
body#checkout #thecheckout-cart-summary .product-line-price .product-price,
body#checkout #thecheckout-cart-summary .product-line-price strong {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0;
}
/* stepper: pilulka jako na stránce košíku, znaménka ink */
body#checkout #thecheckout-cart-summary .product-line-actions .qty-box {
  width: 96px;
  height: 32px;
  border: 1.5px solid var(--kso-line-strong);
  border-radius: 100px;
}
body#checkout #thecheckout-cart-summary .product-line-actions .qty-box:focus-within {
  border-color: var(--kso-ink);
  -webkit-box-shadow: none;
  box-shadow: none;
}
body#checkout #thecheckout-cart-summary .product-line-actions .qty-box input {
  font-size: 14px;
  font-weight: 800;
  color: var(--kso-ink);
}
body#checkout #thecheckout-cart-summary div.product-line-actions .qty-box a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M1.5 5.5h8' fill='none' stroke='%232B2620' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
body#checkout #thecheckout-cart-summary div.product-line-actions .qty-box a.cart-line-product-quantity-up {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M1.5 5.5h8M5.5 1.5v8' fill='none' stroke='%232B2620' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}
body#checkout #thecheckout-cart-summary div.product-line-actions .qty-box a:hover,
body#checkout #thecheckout-cart-summary div.product-line-actions .qty-box a:active { background-color: var(--kso-cream2); }
/* rozpis: linky v barvě webu */
body#checkout #thecheckout-cart-summary .cart-detailed-totals { border-top-color: var(--kso-line) !important; }
body#checkout #thecheckout-cart-summary .cart-summary-line { color: var(--kso-text); }
body#checkout #thecheckout-cart-summary .cart-summary-line.cart-total-tax-excluded { border-top-color: var(--kso-line); }
body#checkout #thecheckout-cart-summary .cart-summary-line.cart-total,
body#checkout #thecheckout-cart-summary .cart-summary-line.cart-total:last-child { border-top-color: var(--kso-line) !important; }
/* Celkem: bez verzálek, jako v košíku */
body#checkout.compact-cart #tc-container .cart-summary-line.cart-total > span.label,
body#checkout.compact-cart #tc-container-mobile .cart-summary-line.cart-total > span.label,
body#checkout #thecheckout-cart-summary .cart-total .label,
body#checkout #thecheckout-cart-summary .cart-total > span:first-child {
  font-size: 15.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0;
  text-transform: none;
}

/* kupón: pilulkové pole + tmavé tlačítko (vzor košík) */
body#checkout .block-promo .promo-code .promo-input,
body#checkout .promo-input-button .promo-input {
  height: 44px !important;
  padding: 0 18px !important;
  border: 1.5px solid var(--kso-line-strong) !important;
  border-radius: 100px !important;
  background: #fff !important;
  font-size: 15px;
  font-weight: 600;
  color: var(--kso-ink);
}
body#checkout .block-promo .promo-code .promo-input:focus,
body#checkout .promo-input-button .promo-input:focus { border-color: var(--kso-ink) !important; outline: none; }
body#checkout .block-promo .promo-code .btn-primary,
body#checkout #tc-container .promo-input-button button.btn.btn-primary,
body#checkout #tc-container-mobile .promo-input-button button.btn.btn-primary,
body#checkout .promo-input-button button.btn.btn-primary {
  height: 44px !important;
  padding: 0 20px !important;
  background: var(--kso-ink) !important;
  border-radius: 100px !important;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
body#checkout .block-promo .promo-code .btn-primary:hover,
body#checkout #tc-container .promo-input-button button.btn.btn-primary:hover,
body#checkout #tc-container-mobile .promo-input-button button.btn.btn-primary:hover,
body#checkout .promo-input-button button.btn.btn-primary:hover { background: #4C473F !important; }

/* ============================================================
   10. PROVOZNÍ HLÁŠKA (html-box-2) A SOUHLAS VĚTOU (html-box-4)
   ============================================================ */
body#checkout #thecheckout-html-box-2 > .inner-area {
  background: var(--kso-coral-soft) !important;
  border: none !important;
  border-radius: var(--kso-r) !important;
  padding: 14px 16px !important;
}
/* obsah boxu je dnes <div class="alert alert-warning"> (theme mu dává
   vlastní peach podklad a padding) — zploštit, kartu kreslí inner-area */
body#checkout #thecheckout-html-box-2 .alert,
body#checkout .tc-vyzva-kosik {
  margin: 0;
  padding: 0;
  background: none !important;
  border: none !important;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  color: #C24A4A !important;
}
body#checkout .tc-souhlas-vetou { color: var(--kso-muted); }
body#checkout .tc-souhlas-vetou a { color: var(--kso-text); }

/* ============================================================
   11. SOUHLASY A HLAVNÍ CTA (žlutá pilulka jako v košíku)
   ============================================================ */
body#checkout .condition-label { color: var(--kso-text); }
body#checkout .condition-label a { color: var(--kso-ink) !important; }
body#checkout .condition-label a:hover { color: var(--kso-coral-deep) !important; }

body#checkout #tc-payment-confirmation #confirm_order,
body#checkout .ps-shown-by-js button.btn.btn-primary.center-block {
  min-height: 54px;
  padding: 14px 28px !important;
  background: var(--kso-yellow-btn) !important;
  border-radius: 100px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0;
  text-transform: none;
  color: #3A2E00 !important;
  -webkit-box-shadow: 0 2px 0 rgba(43,38,32,.06);
  box-shadow: 0 2px 0 rgba(43,38,32,.06);
}
body#checkout #tc-payment-confirmation #confirm_order:hover,
body#checkout .ps-shown-by-js button.btn.btn-primary.center-block:hover {
  background: var(--kso-yellow-deep) !important;
  color: #3A2E00 !important;
  -webkit-box-shadow: 0 2px 0 rgba(43,38,32,.06);
  box-shadow: 0 2px 0 rgba(43,38,32,.06);
}
body#checkout #tc-payment-confirmation #confirm_order:focus-visible {
  outline: 3px solid var(--kso-yellow-deep);
  outline-offset: 2px;
}

/* ============================================================
   12. DROBNOSTI
   ============================================================ */
/* oba sloupce začínají stejně vysoko (přesun z custom.css, Filip 1.9.2026) */
body#checkout #thecheckout-account { margin-top: 0 !important; }
/* mrtvý odkaz „Přihlásit se" (href="#") v tabu Přihlášení (přesun, Filip 1.9.2026) */
body#checkout .classic-login a.log-in { display: none !important; }
/* odkaz „Již máte účet?" pod nabídkou přihlášení */
body#checkout .inner-area .offer-login a.log-in { color: var(--kso-ink) !important; }
body#checkout .inner-area .offer-login a.log-in:hover { color: var(--kso-coral-deep) !important; }

/* ============================================================
   13. RESPONSIVITA (legacy řeší přesuny bloků; tady jen velikosti)
   ============================================================ */
@media (max-width: 991.98px) {
  /* iOS zoomuje na inputech pod 16 px */
  body#checkout .page-content .form-control:not(textarea),
  body#checkout .page-content select.form-control-select.form-control,
  body#checkout .page-content textarea.form-control,
  body#checkout #delivery_message,
  body#checkout #gift_message,
  body#checkout .block-promo .promo-code .promo-input,
  body#checkout .promo-input-button .promo-input,
  body#checkout #find_balikovna_zip_city,
  body#checkout #thecheckout-cart-summary .product-line-actions .qty-box input {
    font-size: 16px !important;
  }
}
@media (max-width: 767.98px) {
  body#checkout #thecheckout-html-box-1 > .inner-area { font-size: 26px; }
  body#checkout .block-header,
  body#checkout .already-account-label { font-size: 17px !important; }
  body#checkout .checkout-block.main-block > .inner-area,
  body#checkout #thecheckout-cart-summary > .inner-area,
  body#checkout #thecheckout-order-message > .inner-area,
  body#checkout #thecheckout-confirm > .inner-area { padding: 16px 14px !important; }
  body#checkout #tc-payment-confirmation #confirm_order,
  body#checkout .ps-shown-by-js button.btn.btn-primary.center-block {
    max-width: none;
    font-size: 16px !important;
    height: auto !important;
    min-height: 52px;
  }
  body#checkout .checkout-options-buttons .btn { font-size: 13.5px; }
}

/* ============================================================
   14. PŘÍSTUPNOST
   ============================================================ */
body#checkout .checkout-options-buttons .btn:focus-visible,
body#checkout .delivery-options .delivery-option-row:focus-within,
body#checkout .promo-input-button button:focus-visible,
body#checkout #dmppl_button:focus-visible {
  outline: 3px solid var(--kso-yellow-deep);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  body#checkout #main *,
  body#checkout #main *::before,
  body#checkout #main *::after {
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* Radek Doruceni v souhrnu: za hodnotou je pomocny <div><small class="value">
   (hook detailu dopravy) - ve flexu se stava treti polozkou a odtlacuje cenu
   od prave hrany. Detail patri na vlastni radek vpravo (Filip 1.9.2026). */
body#checkout #cart-subtotal-shipping{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
body#checkout #cart-subtotal-shipping > div{
  -webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%;
  text-align:right; color:var(--kso-muted,#9C9483); font-size:12px;
}