/* kosik-le-artist.css v2 - kosik, doprava a platba, informace o vas, rozbalovaci kosik, okno Pridano.
   OPTIMA DIAMANT / LE Artist, 2026-11-05. Varianta A ("Ano, A", Mark). Jen vzhled, zadne zmeny formularu.
   Rozsah: body.ordering-process (/kosik/, /objednavka/krok-1/, /objednavka/krok-2/), #cart-widget, .advanced-order.
   JS kosik-le-artist.js jen vklada jistoty (kosik + krok 2 mimo formular) a mezisoucet/zavreni widgetu.
   Vraceni: smazat 2 radky kosik-le-artist.* ze Zahlavi. Soubor je ASCII (ceske znaky jako CSS escape). */

/* ---------- 1. Pruh s nadpisem (logo precniva do pruhu, nadpis lici s menu) ---------- */
body.ordering-process .container-other-stcm{padding-top:48px;padding-bottom:16px;margin-bottom:0}
body.ordering-process .container-other-stcm .container-stcm{padding-left:128px}
body.ordering-process .container-other-stcm .cart-h1-stcm{font-size:32px;line-height:1.2;margin:0}
@media (max-width:767px){
  body.ordering-process .container-other-stcm{padding-top:24px;padding-bottom:16px}
  body.ordering-process .container-other-stcm .container-stcm{padding-left:108px}
  body.ordering-process .container-other-stcm .cart-h1-stcm{font-size:28px}
}

/* ---------- 2. Kroky 1-2-3: citelne cislo, popisky bez podtrzeni ---------- */
body.ordering-process ol.cart-header{margin:28px 0 32px}
/* <=767: nez JS sablony vlozi pruh s nadpisem, je ol.cart-header prvni v .content-wrapper-in a jeho horni okraj
   propada pres rodice (obsah zacina o okraj niz). 16 px = jako sablona, jinak hlavicka poskoci o 12 px navic. */
@media (max-width:767px){ body.ordering-process ol.cart-header{margin-top:16px} }
body.ordering-process ol.cart-header li a,
body.ordering-process ol.cart-header li strong{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#5b6770;text-decoration:none}
body.ordering-process ol.cart-header li a:before,
body.ordering-process ol.cart-header li strong:before{width:32px;height:32px;line-height:30px;font-size:14px;font-weight:600;color:#5b6770;border-color:#d9d9d9;margin:0 auto 8px}
body.ordering-process ol.cart-header li.active a,
body.ordering-process ol.cart-header li.active strong{color:#1f1f1f;font-weight:600}
body.ordering-process ol.cart-header li.active a:before,
body.ordering-process ol.cart-header li.active strong:before,
body.ordering-process ol.cart-header li.completed a:before,
body.ordering-process ol.cart-header li.completed strong:before{color:#fff;background-color:#0e2536;border-color:#0e2536}
body.ordering-process ol.cart-header li a span:after,
body.ordering-process ol.cart-header li strong span:after{top:16px;border-top-color:#d9d9d9}
body.ordering-process ol.cart-header li.completed a span:after,
body.ordering-process ol.cart-header li.completed strong span:after{border-top-color:#0e2536}
body.ordering-process ol.cart-header li a span,
body.ordering-process ol.cart-header .completed a span{text-decoration:none}
body.ordering-process ol.cart-header li a:hover span,
body.ordering-process ol.cart-header li a:focus-visible span{text-decoration:underline;text-underline-offset:3px}

/* ---------- 3+5. Kosik: tabulka, jedno pismo, tichy stav, mensi pocitadlo ---------- */
body.ordering-process .cart-table tr>td{padding-top:16px;padding-bottom:16px}
body.ordering-process .cart-table tr.cart-table-header>td{font-family:"Albert Sans",sans-serif;font-size:13px;color:#5b6770;padding-top:0;padding-bottom:10px}
body.ordering-process .cart-table .main-link{font-family:"Albert Sans",sans-serif;font-size:16px;font-weight:500;line-height:1.4;color:#1f1f1f;text-decoration:none}
body.ordering-process .cart-table .main-link:hover,
body.ordering-process .cart-table .main-link:focus-visible{text-decoration:underline;text-underline-offset:3px}
body.ordering-process .cart-table .price-final{font-family:"Albert Sans",sans-serif;font-weight:500;color:#1f1f1f}
body.ordering-process .cart-table .p-price .price-final,
body.ordering-process .cart-table .p-price .unit-value{font-size:14px;font-weight:400;color:#5b6770}
body.ordering-process .cart-table .availability-label{font-size:14px;font-weight:500}
body.ordering-process .cart-table .availability-amount{font-size:14px;color:#5b6770}
body.ordering-process .cart-table .p-quantity .quantity{padding-left:32px;padding-right:32px;border-color:#d9d9d9;font-size:15px}
body.ordering-process .cart-table .p-quantity .quantity input{height:38px;width:32px}
body.ordering-process .cart-table .p-quantity .quantity .increase,
body.ordering-process .cart-table .p-quantity .quantity .decrease{height:38px;width:32px;border-color:#d9d9d9}
body.ordering-process .cart-table .p-quantity .quantity .increase:before,
body.ordering-process .cart-table .p-quantity .quantity .decrease:before{line-height:38px}
body.ordering-process .cart-table .remove-item:before{color:#5b6770}
body.ordering-process .cart-table .remove-item:hover:before,
body.ordering-process .cart-table .remove-item:focus-visible:before{color:#1f1f1f}
@media (max-width:991px){
  body.ordering-process .cart-table .inline.delete-cart-item .remove-item:before{font-size:14px}
}
@media (max-width:767px){
  body.ordering-process .cart-table tr.removeable>td.p-price{display:none}
  body.ordering-process .cart-table .main-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}

/* Souhrn kosiku */
body.ordering-process .summary .extra.delivery strong{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:500;color:#1f1f1f}
body.ordering-process .summary .price-wrapper .price-label.price-primary{font-family:"Albert Sans",sans-serif;font-size:18px;font-weight:600;color:#1f1f1f}
body.ordering-process .summary .price-wrapper .price.price-primary{font-family:"Albert Sans",sans-serif;font-size:28px;font-weight:600;padding:6px 0 4px}
body.ordering-process .summary .price-wrapper .price-secondary{font-size:14px;color:#5b6770}
@media (max-width:767px){
  body.ordering-process #cart-wrapper .row.summary{display:flex;flex-direction:column}
  body.ordering-process #cart-wrapper .row.summary>.col-md-8{order:2}
  body.ordering-process #cart-wrapper .row.summary>.col-md-4{order:1}
}

/* Tlacitka dalsiho kroku (text tlacitka objednavky se nemeni) */
body.ordering-process .next-step .btn.btn-conversion{font-family:"Albert Sans",sans-serif;font-size:16px;font-weight:600;letter-spacing:.04em;height:48px;width:auto;min-width:220px;padding:0 28px}
body.ordering-process .next-step .next-step-forward,
body.ordering-process .next-step .next-step-forward .order-button-text{text-transform:none}
body.ordering-process .next-step #submit-order{height:auto;min-height:56px}
body.ordering-process .next-step .next-step-back{font-family:"Albert Sans",sans-serif;font-size:15px;font-weight:400;color:#5b6770;text-decoration:none}
body.ordering-process .next-step .next-step-back:hover,
body.ordering-process .next-step .next-step-back:focus-visible{color:#1f1f1f;text-decoration:underline;text-underline-offset:3px}

/* ---------- 6. Jistoty (vklada JS: kosik levy sloupec souhrnu, krok 2 pod souctem rekapitulace) ---------- */
.la-kosik-jistoty{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid #e6e6e6;display:grid;gap:12px}
.la-kosik-jistoty li{position:relative;margin:0;padding:0 0 0 30px;font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:400;line-height:1.45;color:#1f1f1f}
.la-kosik-jistoty li strong{display:block;font-weight:600}
.la-kosik-jistoty li:before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;background:no-repeat center/20px 20px}
.la-kosik-jistoty .la-j-dilna:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2536' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4h11l4 5.5-9.5 11-9.5-11z'/%3E%3Cpath d='M2.5 9.5h19M8.5 9.5 12 20.5l3.5-11M10 4 8.5 9.5M14 4l1.5 5.5'/%3E%3C/svg%3E")}
.la-kosik-jistoty .la-j-mira:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2536' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='14.5' r='6.5'/%3E%3Cpath d='M9.8 5.2 12 2.5l2.2 2.7L12 8z'/%3E%3C/svg%3E")}
.la-kosik-jistoty .la-j-prodejna:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e2536' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 9.5 5 4h14l1.5 5.5'/%3E%3Cpath d='M3.5 9.5a2.1 2.1 0 0 0 4.25 0a2.1 2.1 0 0 0 4.25 0a2.1 2.1 0 0 0 4.25 0a2.1 2.1 0 0 0 4.25 0'/%3E%3Cpath d='M5 12v8h14v-8M10 20v-5h4v5'/%3E%3C/svg%3E")}
body.ordering-process .summary .col-md-8 .la-kosik-jistoty{max-width:520px}

/* ---------- 7. Doprava a platba (krok 2): jen vzhled uvnitr formulare ---------- */
body.ordering-process .co-box h2{font-size:24px;line-height:1.25;padding-left:0;margin-bottom:12px}
body.ordering-process .co-box h2:before,
body.ordering-process .co-box h2.order-icon:before{display:none}
@media (max-width:767px){ body.ordering-process .co-box h2{font-size:22px} }
body.ordering-process .co-box .radio-wrapper{min-height:56px}
body.ordering-process .co-box .radio-wrapper.active{background-color:#f6f3ee}
body.ordering-process .co-box .shipping-billing-name{font-family:"Albert Sans",sans-serif;font-size:15px;font-weight:500;color:#1f1f1f}
body.ordering-process .co-box .payment-shipping-price{font-family:"Albert Sans",sans-serif;font-size:15px;font-weight:500;color:#1f1f1f}
body.ordering-process .payment-shipping-price.for-free,
body.ordering-process .recapitulation-shipping-billing-info [data-testid="recapItemPrice"]{display:inline-block;text-transform:lowercase;color:#1f1f1f;font-weight:500}
body.ordering-process .payment-shipping-price.for-free::first-letter,
body.ordering-process .recapitulation-shipping-billing-info [data-testid="recapItemPrice"]::first-letter{text-transform:uppercase}
body.ordering-process .co-box .payment-logo img{filter:grayscale(1);opacity:.7;max-height:24px;width:auto}
@media (max-width:767px){
  /* Cena dopravy a platby vzdy na vlastnim radku pod nazvem: stejne zalomeni se zaloznim pismem i s Albert Sans
     (jinak "Zdarma" po nacteni pisma preskoci na dalsi radek a posune vse pod nim). */
  body.ordering-process .co-box .radio-wrapper label .payment-shipping-price{flex:0 0 100%;max-width:100%;text-align:left}
  /* Sablona drzi u nazvu misto pro cenu (max-width:calc(100% - 110.8px)); cena je ted pod nim, nazev dostane celou sirku
     -> nazev ma stejny pocet radku se zaloznim pismem i s Albert Sans. */
  body.ordering-process .co-box .radio-wrapper label .payment-info{max-width:none}
}
body.ordering-process .co-box .question-tooltip{background:transparent;border:1px solid #5b6770;color:#5b6770;width:18px;height:18px;line-height:16px;font-size:12px;border-radius:50%;text-align:center}
/* Osobni odber: adresa a hodiny jen z /kontakty/ ("objednavky muzete osobne vyzvednout" ve znackove prodejne) */
body.ordering-process input[data-code="personal-collection"] + label .payment-info{flex-wrap:wrap}
body.ordering-process input[data-code="personal-collection"] + label .payment-info::after{content:"ul. Ml\0000E1d\0000ED  2130/5, Ostrava \002013  Mari\0000E1nsk\0000E9  Hory \0000B7  Po\002013P\0000E1  9:30\00201316:30";display:block;flex:0 0 100%;margin-top:4px;font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#5b6770}

/* ---------- 8. Rekapitulace (krok 2 i 3, ve 3. kroku uvnitr formulare = jen CSS) ---------- */
body.ordering-process #checkoutSidebar .order-summary-inner h2.h4{font-family:"Playfair Display",serif;font-size:20px}
body.ordering-process #checkoutSidebar .cart-item-name a{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:#1f1f1f;text-decoration:none}
body.ordering-process #checkoutSidebar .cart-item-name a:hover,
body.ordering-process #checkoutSidebar .cart-item-name a:focus-visible{text-decoration:underline;text-underline-offset:3px}
body.ordering-process #checkoutSidebar .cart-item-amount,
body.ordering-process #checkoutSidebar .cart-item-price{font-family:"Albert Sans",sans-serif;font-size:14px}
body.ordering-process #checkoutSidebar .cart-item-amount{color:#5b6770}
body.ordering-process #checkoutSidebar .order-summary-item.helper strong{font-weight:600}
body.ordering-process #checkoutSidebar .price-wrapper .price-label.price-primary{font-family:"Albert Sans",sans-serif;font-size:16px;font-weight:600}
body.ordering-process #checkoutSidebar .price-wrapper .price.price-primary{font-family:"Albert Sans",sans-serif;font-size:24px;font-weight:600}
body.ordering-process #checkoutSidebar .price-wrapper .price-secondary{font-size:13px;color:#5b6770}

/* ---------- 9. Informace o vas (krok 3): jen vzhled, pole/ID/povinnost/souhlasy beze zmeny ---------- */
body.ordering-process #checkoutContent .cart-content>.helper{background:transparent;color:#5b6770}
/* Velikost a odsazeni napovedy menime jen od 768 px; na mobilu zustava geometrie sablony (jinak jine zalomeni po nacteni pisma). */
@media (min-width:768px){ body.ordering-process #checkoutContent .cart-content>.helper{padding:0;font-size:14px} }
/* Viditelna hranice poli (dnes forms.css border:none = neviditelna pole). box-shadow = nulova zmena geometrie;
   chybovy stav Shoptetu (.error-field/.js-error-field) nechavame byt. Dozor muze blok vetovat. */
body.ordering-process #order-form .form-control:not(.error-field):not(.js-error-field){box-shadow:inset 0 0 0 1px #8b949b}
body.ordering-process #order-form .form-control:not(.error-field):not(.js-error-field):focus{box-shadow:inset 0 0 0 1px #0e2536}

/* ---------- 10. Rozbalovaci kosik (PC) ---------- */
#cart-widget .cart-widget-product-name a{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:500;line-height:1.4;color:#1f1f1f;text-decoration:none}
#cart-widget .cart-widget-product-name a:hover,
#cart-widget .cart-widget-product-name a:focus-visible{text-decoration:underline;text-underline-offset:3px}
#cart-widget .cart-widget-product-price{white-space:nowrap;min-width:7em;text-align:right}
#cart-widget .cart-widget-product-price strong{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:600}
#cart-widget .cart-widget-products{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}
#cart-widget .cart-widget-products::-webkit-scrollbar{width:6px}
#cart-widget .cart-widget-products::-webkit-scrollbar-track{background:transparent}
#cart-widget .cart-widget-products::-webkit-scrollbar-thumb{background-color:#d9d9d9;border-radius:3px}
#cart-widget .cart-widget-products-inner:after{content:"";display:block;position:sticky;bottom:0;height:24px;margin-top:-24px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
#cart-widget .quantity{border-color:#d9d9d9}
#cart-widget .cart-widget-button{width:100%}
#cart-widget .cart-widget-button .btn{width:100%;height:48px;font-family:"Albert Sans",sans-serif;font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:none}
#cart-widget .cart-free-shipping strong{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:500;color:#1f1f1f}
#cart-widget .cart-widget-inner.full{position:relative;padding-top:44px}
#cart-widget .la-widget-hlava{position:absolute;top:0;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 20px;border-bottom:1px solid #e6e6e6;font-family:"Albert Sans",sans-serif;font-size:15px;font-weight:600;color:#1f1f1f}
#cart-widget .la-zavrit{width:36px;height:36px;padding:0;border:0;background:transparent;cursor:pointer;color:#5b6770;font-size:22px;line-height:36px;text-align:center}
#cart-widget .la-zavrit:hover,
#cart-widget .la-zavrit:focus-visible{color:#1f1f1f}
#cart-widget .la-mezisoucet{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:12px 0;font-family:"Albert Sans",sans-serif;font-size:15px;color:#1f1f1f}
#cart-widget .la-mezisoucet strong{font-size:18px;font-weight:600;white-space:nowrap}
/* Widget pod fixnim zahlavim. #header je fixed (128 px, po posunu .scrolled 95 px, admin o 25 px niz), jadro Shoptetu ale
   kotvi widget absolutne v dokumentu (top 103 px), takze pri posunu stranky zajizdel pod zahlavi. top = spodek zahlavi - 18 px
   (margin-top jadra). Seznam polozek se na nizkem okne zkrati, aby tlacitko zustalo videt. Jen PC, mobil beze zmeny. */
@media (min-width:992px){
  #cart-widget.cart-widget{position:fixed;top:110px;transition:top .3s}
  .scrolled #cart-widget.cart-widget{top:77px}
  .admin-logged #cart-widget.cart-widget{top:135px}
  .scrolled .admin-logged #cart-widget.cart-widget{top:102px}
  #cart-widget .cart-widget-products{max-height:min(320px,calc(100vh - 420px))}
  #cart-widget .la-mezisoucet{padding:12px 20px}
}

/* ---------- 11. Okno Pridano do kosiku (PC i mobil, na detailu) ---------- */
.advanced-order .extra.delivery strong{font-family:"Albert Sans",sans-serif;font-size:14px;font-weight:500;color:#1f1f1f}
.advanced-order .advancedOrder__buttons .btn{font-family:"Albert Sans",sans-serif;font-size:16px;font-weight:600;letter-spacing:.04em;text-transform:none}
.advanced-order .advancedOrder__buttons .next-step-back{font-weight:400;color:#5b6770}