/* ============================================================
   Pokladna + potvrzení objednávky — design „Shop - Pokladna.dc.html"
   Prefix „co-". Hodnoty 1:1 z designu, tokeny z main.css.
   ============================================================ */

/* ---------- obal stránky (page.php dává .page-plain 820px — pokladna je 1360) ---------- */
body.woocommerce-checkout .page-plain{max-width:none;padding:40px var(--pad-x) 64px}
body.woocommerce-checkout .page-plain article>h1{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.co-sr{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 🔒 zabezpečená pokladna (design: pravý roh hlavičky) ---------- */
.co-secure{display:flex;justify-content:flex-end;margin:0 0 28px}
.co-secure__badge{font:500 11.5px var(--font-mono);letter-spacing:.06em;color:var(--c-green)}

/* ---------- číslované mono sekce ---------- */
/* Popisky sekcí nesly celou orientaci ve formuláři, ale byly jen drobný
   červený text. Linka přes celý sloupec dělá z kroků zřetelné etapy. */
.co-num{display:flex;align-items:center;gap:12px;font:500 12px var(--font-mono);letter-spacing:.08em;
  color:var(--c-red);text-transform:uppercase}
.co-num::after{content:"";flex:1;height:1px;background:var(--c-line)}

/* ---------- grid: levý sloupec sekce, vpravo souhrn 400px ---------- */
.co-form{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:44px;align-items:start;
  grid-template-areas:
    "customer summary"
    "shiplabel summary"
    "shipping summary"
    "paylabel summary"
    "payment summary";
  grid-template-rows:auto auto auto auto 1fr}
.co-form #customer_details{grid-area:customer}
.co-form .co-num--shipping{grid-area:shiplabel;margin:44px 0 18px}
.co-form .co-shipping{grid-area:shipping}
.co-form .co-summary{grid-area:summary;position:sticky;top:20px}
.co-form .co-num--payment{grid-area:paylabel;margin:44px 0 18px}
.co-form .woocommerce-checkout-payment{grid-area:payment}
/* review fragment i #order_review jsou průchozí — děti jsou grid items */
.co-form #order_review,
.co-form .woocommerce-checkout-review-order-table{display:contents}
/* blockUI overlay nemá v display:contents kořeni kde bydlet */
.co-form #order_review>.blockUI,
.co-form .woocommerce-checkout-review-order-table>.blockUI{display:none!important}

/* ---------- (01) — KONTAKT: pole v rámečcích ---------- */
.co-customer{display:flex;flex-direction:column;gap:16px}
.co .woocommerce-billing-fields>h3{display:none}
.co .woocommerce-billing-fields__field-wrapper,
.co .woocommerce-shipping-fields__field-wrapper,
.co .woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* Rámeček v barvě --c-line na bílém pozadí splýval a pole nešlo najít.
   Jemné šedé pozadí + tmavší obrys drží klidný vzhled, ale je vidět,
   kam se píše. Po kliknutí pole zbělá a orámuje se tmavě. */
.co .form-row{margin:0;grid-column:span 2;border:1.5px solid #D9D4CC;border-radius:var(--r-md);
  padding:11px 14px 12px;background:#FAF9F6;transition:border-color .15s,background .15s,box-shadow .15s}
.co .form-row:hover{border-color:#BFB8AE}
.co .form-row-first,
.co .form-row-last{grid-column:span 1}
.co .form-row:focus-within{border-color:var(--c-ink);background:var(--c-surface);box-shadow:0 0 0 3px rgba(51,34,28,.08)}
.co .form-row label{display:block;font:500 10px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8A8079;margin-bottom:2px}
.co .form-row label abbr.required{display:inline;border:0;text-decoration:none;color:var(--c-red);margin-left:2px}
.co .form-row.woocommerce-invalid{border-color:var(--c-red);background:#FDF5F4}
.co .form-row .woocommerce-input-wrapper{display:block}
.co .form-row input.input-text,
.co .form-row textarea,
.co .form-row select{width:100%;border:0;outline:0;padding:0;margin:0;background:transparent;font:500 14.5px var(--font-sans);color:var(--c-ink)}
.co .form-row input.input-text::placeholder,
.co .form-row textarea::placeholder{color:var(--c-muted)}
.co .form-row textarea{min-height:72px;resize:vertical}
.co .form-row .woocommerce-input-wrapper>strong{font:500 14.5px var(--font-sans);color:var(--c-ink)}

/* select2 (výběr země) bez vlastních rámečků */
.co .select2-container--default .select2-selection--single{border:0;background:transparent;height:auto}
.co .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.5;font:500 14.5px var(--font-sans);color:var(--c-ink)}
.co .select2-container--default .select2-selection--single .select2-selection__arrow{height:22px}

/* checkbox řádky (Kupuji na firmu, Doručit na jinou adresu) — bez rámečku pole */
.co .form-row:has(label.checkbox){border:0;border-radius:0;padding:0;background:transparent}
.co label.checkbox{display:flex;gap:10px;align-items:center;font:400 13.5px var(--font-sans);letter-spacing:0;text-transform:none;color:var(--c-ink);cursor:pointer;min-height:24px}
.co input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:17px;height:17px;margin:0;border:1.5px solid var(--c-ink);border-radius:4px;background:var(--c-surface);cursor:pointer}
.co input[type=checkbox]:checked{background:var(--c-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5'%3E%3Cpath d='M4 12.5 10 18 20 6'/%3E%3C/svg%3E") center/11px no-repeat}
.co .woocommerce-shipping-fields h3#ship-to-different-address{margin:0;font:400 13.5px var(--font-sans);color:var(--c-ink)}
.co .woocommerce-shipping-fields .shipping_address{margin-top:12px}
.co .woocommerce-additional-fields>h3{font:700 15px var(--font-sans);letter-spacing:-.01em;color:var(--c-ink);margin:8px 0 0}
.co .woocommerce-additional-fields{display:flex;flex-direction:column;gap:12px}
.co .woocommerce-shipping-fields{display:flex;flex-direction:column;gap:0}
.co .col-1,.co .col-2{display:flex;flex-direction:column;gap:16px}

/* ---------- volby (doprava + platba): rámeček, vybraná 2px ink + radio 5px red ---------- */
.co input[type=radio]{appearance:none;-webkit-appearance:none;flex:none;width:17px;height:17px;margin:0;border-radius:50%;border:1.5px solid var(--c-muted);background:var(--c-surface);cursor:pointer;transition:border .1s}
.co input[type=radio]:checked{border:5px solid var(--c-red)}

.co-shipping{display:flex;flex-direction:column;gap:14px}
.co-shipping__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.co-option{display:flex;gap:13px;align-items:center;border:1px solid var(--c-line);border-radius:var(--r-md);padding:16px 18px;cursor:pointer;background:var(--c-surface)}
.co-option:has(input:checked){border:2px solid var(--c-ink);padding:15px 17px}
.co-option__body{flex:1;display:flex;flex-direction:column;gap:2px}
.co-option__title{font:700 14.5px var(--font-sans);color:var(--c-ink)}
.co-option__note{font:500 11px var(--font-mono);letter-spacing:.02em;color:var(--c-muted);text-transform:uppercase}
.co-option__price{font:700 13px var(--font-sans);color:var(--c-ink);white-space:nowrap}
.co-free{color:var(--c-green);font-weight:700}
.co-shipping__empty{font:400 14px var(--font-sans);color:var(--c-text)}

/* Zásilkovna (Toret) — výběr výdejního místa pod metodou, styl dle rámečků */
.co-shipping__extras{width:100%;border-collapse:collapse}
.co-shipping__extras:empty{display:none}
.co-shipping__extras th,.co-shipping__extras td{text-align:left;padding:4px 0;font:400 13.5px var(--font-sans);color:var(--c-ink);border:0}
.co-shipping__extras th img{max-height:22px;width:auto}
.co-shipping .button,
.co-option-row .button{display:inline-flex;align-items:center;justify-content:center;background:var(--c-ink);color:#fff;font:700 13px var(--font-sans);padding:10px 16px;border-radius:var(--r-sm);cursor:pointer;border:0}
.co-shipping .button:hover,
.co-option-row .button:hover{background:var(--c-red);color:#fff}
.co-shipping .packeta-selector-branch-name{font:500 11px var(--font-mono);letter-spacing:.02em;color:var(--c-muted);text-transform:uppercase}

/* ---------- (03) — PLATBA ---------- */
.co .woocommerce-checkout-payment{display:flex;flex-direction:column;gap:14px;background:transparent}
.co .wc_payment_methods{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.co .wc_payment_method{border:1px solid var(--c-line);border-radius:var(--r-md);padding:16px 18px;background:var(--c-surface)}
.co .wc_payment_method:has(input:checked){border:2px solid var(--c-ink);padding:15px 17px}
.co .wc_payment_method>label{display:flex;gap:13px;align-items:center;font:700 14.5px var(--font-sans);color:var(--c-ink);cursor:pointer;margin:0}
.co .wc_payment_method>label img{max-height:20px;width:auto;margin-left:auto}
.co .wc_payment_method .payment_box{margin:10px 0 0 30px;padding:0;background:transparent}
.co .wc_payment_method .payment_box p{margin:0;font:400 13px/1.5 var(--font-sans);color:var(--c-text)}

.co .place-order{border:0;padding:0;margin:0;grid-column:auto;background:transparent;border-radius:0;display:flex;flex-direction:column;gap:12px}
.co .place-order:focus-within{border:0}
.co .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p{margin:0;font:400 12.5px/1.5 var(--font-sans);color:var(--c-muted)}
.co .woocommerce-terms-and-conditions-wrapper .form-row{border:0;padding:0;background:transparent}
.co #place_order{width:100%;background:var(--c-red);color:#fff;font:700 15px var(--font-sans);padding:17px 0;text-align:center;border:0;border-radius:var(--r-sm);cursor:pointer;margin-top:6px;transition:background .15s}
.co #place_order:hover{background:var(--c-ink)}

/* ---------- souhrn „Vaše objednávka" (vpravo, sticky) ---------- */
.co-summary{border:1px solid var(--c-line);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:16px;height:max-content;background:var(--c-surface)}
.co-summary__title{font:800 20px var(--font-sans);letter-spacing:-.02em;color:var(--c-ink)}
.co-item{display:flex;gap:12px;align-items:center}
.co-item__thumb{width:58px;height:68px;flex:none;border:1px solid var(--c-line);border-radius:var(--r-sm);overflow:hidden}
.co-item__thumb img{width:100%;height:100%;object-fit:cover}
.co-item__info{flex:1;display:flex;flex-direction:column;gap:2px}
.co-item__name{font:700 14px var(--font-sans);color:var(--c-ink)}
.co-item__meta{font:500 10.5px var(--font-mono);letter-spacing:.02em;color:var(--c-muted);text-transform:uppercase}
.co-item__price{font:700 13.5px var(--font-sans);color:var(--c-ink);white-space:nowrap}
.co-summary__card{border:1px dashed var(--c-line);border-radius:var(--r-sm);padding:10px 12px;font:500 10.5px var(--font-mono);letter-spacing:.04em;color:var(--c-green);display:flex;gap:7px;align-items:center}
.co-summary__totals{border-top:1px solid var(--c-line);padding-top:12px;display:flex;flex-direction:column;gap:7px}
.co-total{display:flex;justify-content:space-between;gap:12px;font:400 14px var(--font-sans);color:var(--c-text)}
.co-total--grand{font:800 17px var(--font-sans);color:var(--c-ink);padding-top:5px}
.co-total .woocommerce-remove-coupon{font:500 11px var(--font-mono);color:var(--c-red);margin-left:6px}
.co-total small.includes_tax{display:block;font:500 10.5px var(--font-mono);color:var(--c-muted);font-weight:400}

/* ---------- chybové stavy: --c-red, mono label, bez ikon ---------- */
.co .woocommerce-error{background:var(--c-surface);border:1.5px solid var(--c-red);border-radius:var(--r-md);padding:14px 18px;margin:0 0 24px}
.co .woocommerce-error::before{content:"CHYBA";display:block;font:500 10.5px var(--font-mono);letter-spacing:.08em;color:var(--c-red);margin-bottom:6px}
.co .woocommerce-error li{font:500 14px var(--font-sans);color:var(--c-red)}
.co .woocommerce-error li a{color:var(--c-red);text-decoration:underline}
.co .form-row.woocommerce-invalid{border-color:var(--c-red)}
.co .form-row.woocommerce-invalid label{color:var(--c-red)}
.co .checkout-inline-error-message{display:block;font:500 10.5px var(--font-mono);letter-spacing:.04em;color:var(--c-red);margin-top:4px}

/* ---------- kupón / přihlášení nad formulářem ---------- */
.co .woocommerce-form-coupon-toggle,.co .woocommerce-form-login-toggle{margin-bottom:16px}
.co form.checkout_coupon,.co form.woocommerce-form-login{border:1px solid var(--c-line);border-radius:var(--r-md);padding:18px;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.co form.checkout_coupon p{margin:0}
.co form.checkout_coupon .form-row,.co form.woocommerce-form-login .form-row{flex:1;min-width:200px}
.co form.checkout_coupon button,.co form.woocommerce-form-login button{background:var(--c-ink);color:#fff;font:700 13.5px var(--font-sans);padding:13px 22px;border-radius:var(--r-sm);border:0;cursor:pointer}
.co form.checkout_coupon button:hover,.co form.woocommerce-form-login button:hover{background:var(--c-red)}

/* ============================================================
   Potvrzení objednávky (thankyou) — §6.5
   ============================================================ */
/* Odsazení od kraje: `main.wc-page` žádné nemá, každá Woo podstránka si ho
   nese sama (`.cart-page`, `.co`). Potvrzení objednávky ho jako jediné
   nemělo a text lepil na okraj okna — připomínka klientky z revize
   10. 8. 2026. */
.co-thanks{display:flex;flex-direction:column;gap:32px;padding:40px var(--pad-x) 64px;max-width:calc(900px + var(--pad-x) * 2)}
.co-thanks .woocommerce-thankyou-order-received{font:800 28px var(--font-sans);letter-spacing:-.03em;color:var(--c-ink);margin:0}
.co-thanks__section{display:flex;flex-direction:column;gap:14px}
.co-thanks__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.co-box{border:1.5px solid var(--c-ink);border-radius:var(--r-md);padding:12px 14px;display:flex;flex-direction:column;gap:2px;background:var(--c-surface)}
.co-box--wide{padding:16px 18px}
.co-box__label{font:500 9.5px var(--font-mono);letter-spacing:.08em;color:var(--c-muted);text-transform:uppercase}
.co-box__value{font:700 14.5px var(--font-sans);color:var(--c-ink)}
.co-box__note{font:500 11px var(--font-mono);letter-spacing:.02em;color:var(--c-muted);text-transform:uppercase}
.co-box__note--text{font:400 14px/1.5 var(--font-sans);color:var(--c-text)}

.co-thanks .woocommerce-thankyou-order-failed{background:var(--c-surface);border:1.5px solid var(--c-red);border-radius:var(--r-md);padding:14px 18px;font:500 14px var(--font-sans);color:var(--c-red);margin:0}
.co-thanks .woocommerce-thankyou-order-failed-actions{display:flex;gap:12px;margin:0}
.co-thanks .woocommerce-thankyou-order-failed-actions .button{background:var(--c-red);color:#fff;font:700 14px var(--font-sans);padding:13px 24px;border-radius:var(--r-sm)}
.co-thanks .woocommerce-thankyou-order-failed-actions .button:hover{background:var(--c-ink);color:#fff}

/* nativní detail objednávky (woocommerce_thankyou hook) */
.co-thanks .woocommerce-order-details__title,
.co-thanks .woocommerce-customer-details h2,
.co-thanks .woocommerce-column__title{font:800 20px var(--font-sans);letter-spacing:-.02em;color:var(--c-ink);margin:0 0 12px}
.co-thanks table.woocommerce-table--order-details{width:100%;border-collapse:collapse;border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden}
.co-thanks table.woocommerce-table--order-details th,
.co-thanks table.woocommerce-table--order-details td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--c-line-soft);font:400 14px var(--font-sans);color:var(--c-text)}
.co-thanks table.woocommerce-table--order-details thead th{background:var(--c-surface-2);font:500 10.5px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.co-thanks table.woocommerce-table--order-details tfoot th{font:700 14px var(--font-sans);color:var(--c-ink)}
.co-thanks table.woocommerce-table--order-details a{font-weight:700}
.co-thanks .woocommerce-customer-details address{border:1px solid var(--c-line);border-radius:var(--r-md);padding:16px 18px;font:400 14px/1.6 var(--font-sans);color:var(--c-text);font-style:normal}
.co-thanks .woocommerce-columns--addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}

/* ============================================================
   Mobil (viz Shop - Mobil.dc.html — jeden sloupec, dotyk min. 48px)
   ============================================================ */
@media (max-width:1024px){
  body.woocommerce-checkout .page-plain{padding:24px var(--pad-x) 48px}
  .co-secure{margin-bottom:20px}
  .co-form{grid-template-columns:minmax(0,1fr);column-gap:0;
    grid-template-areas:
      "customer"
      "shiplabel"
      "shipping"
      "summary"
      "paylabel"
      "payment";
    grid-template-rows:auto}
  .co-form .co-summary{position:static;margin-top:32px}
  .co .woocommerce-billing-fields__field-wrapper,
  .co .woocommerce-shipping-fields__field-wrapper,
  .co .woocommerce-additional-fields__field-wrapper{grid-template-columns:1fr}
  .co .form-row,.co .form-row-first,.co .form-row-last{grid-column:auto}
  .co .form-row input.input-text{min-height:24px}
  .co-option,.co .wc_payment_method>label{min-height:48px}
  .co-thanks__grid,.co-thanks .woocommerce-columns--addresses{grid-template-columns:1fr}
}

/* ============================================================
   Přehlednost pokladny — sekce jako karty, výzvy jako výzvy.
   Gideon: „nevím, kde jedna sekce končí a kde začíná jiná",
   „vše nalepené k okraji", „přihlášení a kupon bych přehlédl".
   ============================================================ */

/* 1) obal pokladny měl nulové odsazení — obsah se lepil na hranu */
.co{padding-inline:var(--pad-x)}
body.woocommerce-checkout .page-plain{padding-inline:0}

/* 2) kroky (01)(02)(03) jako karty, ať je vidět, kde sekce začíná a končí */
.co-form #customer_details,
.co-form .co-shipping,
.co-form .woocommerce-checkout-payment{
  background:var(--c-surface);
  border:1px solid var(--c-line);
  border-radius:12px;
  padding:24px 24px 26px;
}
.co-form .co-num{margin-bottom:0;padding-bottom:14px}
.co-form .co-num--shipping,
.co-form .co-num--payment{margin:34px 0 14px}

/* 3) přihlášení a kupon — výzva, ne šedý řádek k přehlédnutí */
.co .woocommerce-form-login-toggle .woocommerce-info,
.co .woocommerce-form-coupon-toggle .woocommerce-info{
  display:flex;align-items:center;gap:10px;
  background:var(--c-amber-soft);
  border:1px solid #E8D5B8;
  border-radius:var(--r-md);
  padding:14px 18px;
  font:500 14px var(--font-sans);
  color:var(--c-ink);
  margin-bottom:14px;
}
.co .woocommerce-form-login-toggle .woocommerce-info::before{content:"👤";font-size:15px}
.co .woocommerce-form-coupon-toggle .woocommerce-info::before{content:"%";
  font:700 13px var(--font-mono);background:var(--c-ink);color:#fff;
  width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.co .woocommerce-form-login-toggle .woocommerce-info a,
.co .woocommerce-form-coupon-toggle .woocommerce-info a{
  color:var(--c-red);font-weight:700;text-decoration:underline;text-underline-offset:2px;
}
.co .woocommerce-form-login-toggle .woocommerce-info a:hover,
.co .woocommerce-form-coupon-toggle .woocommerce-info a:hover{color:var(--c-red-dark)}

/* 4) widget výdejního místa Zásilkovny — držel se vlevo mimo rytmus */
.co-shipping__extras{width:100%;margin-top:6px}
.co-shipping__extras th,
.co-shipping__extras td{padding:0;text-align:left;font-weight:400}
.co-shipping__extras th.zasikovna-ico{width:auto;padding-bottom:8px}
.co-shipping__extras tr{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.co-shipping__extras img{max-height:22px;width:auto}

/* 5) platební metoda: ať je poznat, co která je */
.co .wc_payment_methods li{border:1.5px solid var(--c-line);border-radius:var(--r-md);
  padding:16px 18px;margin-bottom:10px;transition:border-color .15s,background .15s}
.co .wc_payment_methods li:hover{border-color:#BFB8AE}
.co .wc_payment_methods li.dkk-vybrano{border-color:var(--c-ink);background:#FBFAF8}
.co .wc_payment_methods label{font:700 15px var(--font-sans);color:var(--c-ink);cursor:pointer}
.co .payment_box{font:400 13.5px/1.55 var(--font-sans);color:var(--c-text);
  background:transparent;padding:8px 0 0;margin:0}
.co .payment_box::before{display:none}
.dkk-platba-znacky{display:flex;gap:6px;align-items:center;margin-left:auto}
.dkk-platba-znacky span{font:700 9px var(--font-mono);letter-spacing:.04em;color:#6B625C;
  border:1px solid var(--c-line);border-radius:3px;padding:3px 6px;background:#fff;text-transform:uppercase}

/* 6) souhlas s podmínkami — poslední krok před platbou, musí být vidět */
.co .woocommerce-terms-and-conditions-wrapper{
  background:#FBFAF8;border:1.5px solid #D9D4CC;border-radius:var(--r-md);
  padding:16px 18px;margin:20px 0 16px;
}
.co .woocommerce-terms-and-conditions-wrapper .form-row{margin:0;border:0;background:transparent;padding:0}
.co .validate-required label.checkbox{display:flex;align-items:flex-start;gap:10px;
  font:500 14px/1.5 var(--font-sans);color:var(--c-ink);cursor:pointer}
.co .validate-required label.checkbox input[type="checkbox"]{
  width:20px;height:20px;flex:none;accent-color:var(--c-red);margin-top:1px;cursor:pointer}
.co .woocommerce-terms-and-conditions-wrapper a{color:var(--c-red);text-decoration:underline;font-weight:600}
.co .woocommerce-terms-and-conditions-wrapper .required{color:var(--c-red)}
.co .woocommerce-privacy-policy-text{font:400 12.5px/1.55 var(--font-sans);color:var(--c-muted);margin-bottom:10px}

@media (max-width:1024px){
  .co-form #customer_details,
  .co-form .co-shipping,
  .co-form .woocommerce-checkout-payment{padding:18px}
}

/* Logo Zásilkovny mělo vlastní velikost a vedle tlačítka vypadalo utopeně —
   srovnáme obojí na stejnou výšku a posadíme na společnou linku. */
.co-shipping__extras tr{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.co-shipping__extras th.zasikovna-ico{display:inline-flex;align-items:center;padding:0;width:auto}
.co-shipping__extras th.zasikovna-ico img{height:44px;width:auto;max-height:44px;
  border:1px solid var(--c-line);border-radius:var(--r-sm);padding:6px 10px;background:#fff}
.co-shipping__extras td{display:inline-flex;align-items:center;padding:0}
.co-shipping__extras .button,
.co-shipping__extras button{min-height:44px;display:inline-flex;align-items:center}

/* Nadpisy kroků: k mono číslu patří i lidský popis, ať je jasné, co se v kroku vyplňuje. */
.co-num{flex-wrap:wrap}
.co-num__popis{flex-basis:100%;font:400 13.5px/1.5 var(--font-sans);color:var(--c-muted);
  letter-spacing:0;text-transform:none;margin-top:4px}
.co-num::after{order:-1}

/* ============================================================
   Mobil — doladění po auditu (9. 8. 2026)
   Blok je záměrně na konci souboru: dřívější mobilní pravidla
   přebíjely pozdější definice se stejnou specificitou.
   ============================================================ */
@media (max-width:1024px){
  /* Pole měla 14,5 px. iOS Safari pod 16 px při klepnutí přizoomuje
     celou stránku — v pokladně je to obzvlášť otravné, protože
     zákazník vyplňuje osm polí po sobě. */
  .co .form-row input.input-text,
  .co .form-row textarea,
  .co .form-row select,
  .co .form-row .woocommerce-input-wrapper>strong,
  .co .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:16px}
  .co .form-row input.input-text{min-height:28px}

  /* Popisek pole měl 10 px — na mobilu se nedal přečíst, a přitom
     říká, co se do pole píše. */
  .co .form-row label{font-size:11.5px}

  /* Drobné vysvětlivky u plateb a zpracování údajů (12,5–13 px).
     Text o zpracování údajů visí mimo .co, proto vlastní selektor. */
  .co .wc_payment_method .payment_box p,
  .woocommerce-privacy-policy-text p{font-size:15px;line-height:1.6}

  /* Tlačítko výdejního místa Zásilkovny — 13,5 px na hlavní akci
     doručení je málo. */
  .co-shipping__extras .button,
  .co-shipping__extras button{font-size:15px}

  /* Zaškrtávátka měla 17×17 px. Čtvereček dostane 22 px a celý řádek
     s popiskem 44 px, takže se dá klepnout kamkoli do textu — samotný
     čtvereček roztažený na 44 px by vypadal jako chyba. */
  .co input[type=checkbox]{width:22px;height:22px}
  .co input[type=checkbox]:checked{background-size:15px}
  .co label.checkbox{min-height:44px;font-size:15px}
  .co .validate-required label.checkbox{min-height:44px;font-size:15px}

  /* Rozbalovací odkazy „Klikněte zde…" měly 34 px výšky. */
  .co .showlogin,
  .co .showcoupon,
  .woocommerce-form-login-toggle a,
  .woocommerce-form-coupon-toggle a{display:inline-flex;align-items:center;min-height:44px}
}