/* pelechyprepsy — cart page (/kosik/) design, scoped #bh-cart. Styles our markup + real WC elements. */
/* Basel puts the cart in a sidebar layout (.site-content col-sm-10 col-sm-push-2) → asymmetric.
   On the cart page force the content full-width & drop the (empty) sidebar so our cart centres evenly. */
body.woocommerce-cart .site-content{width:100%!important;left:0!important;right:auto!important;float:none!important;margin:0 auto!important}
/* drop the (empty) sidebar + its floating "..." opener tab that sticks out on the cart page */
body.woocommerce-cart .sidebar-container,
body.woocommerce-cart .basel-sticky-sidebar-opener,
body.woocommerce-cart .basel-close-side,
body.woocommerce-cart [class*="sidebar-open"],
body.woocommerce-cart .widget-area.basel-sidebar-content{display:none!important}
#bh-cart{--bg:#faf7f2;--card:#fff;--peach:#fff3e0;--peachS:#fdf1e1;--pk:#f07800;--pkd:#cc6600;--ink:#1c130d;--ink2:#4a3d34;--mut:#8a7d72;--ln:#ece5dc;--ln2:#ddd3c7;--coffee:#2a1b14;--ok:#2f8f52;--bad:#bf4a30;--warn:#b9791a;--shadow:0 6px 24px rgba(60,35,12,.07);--shadowSm:0 3px 12px rgba(60,35,12,.06);--r:16px;
  box-sizing:border-box;font-family:'Geist',-apple-system,system-ui,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:1200px;margin:0 auto;padding:42px 24px 60px}
#bh-cart *{box-sizing:border-box}
#bh-cart h1,#bh-cart h2,#bh-cart h3,#bh-cart h4{margin:0;line-height:1.15;letter-spacing:-.01em;font-weight:700;color:var(--ink)}
#bh-cart p{margin:0}
#bh-cart a{color:inherit;text-decoration:none;box-shadow:none}
#bh-cart button{font-family:inherit;cursor:pointer}
#bh-cart svg{display:block}
#bh-cart .woocommerce-Price-amount,#bh-cart .woocommerce-Price-currencySymbol{display:inline!important;white-space:nowrap}
#bh-cart .woocommerce-Price-amount,#bh-cart .woocommerce-Price-amount bdi,#bh-cart .woocommerce-Price-amount .woocommerce-Price-currencySymbol,#bh-cart .amount{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}

/* WooCommerce notices on the cart page */
.woocommerce-cart .woocommerce-message,.woocommerce-cart .woocommerce-info,.woocommerce-cart .woocommerce-error{list-style:none;border:1px solid #ece5dc;border-left:3px solid #f07800;background:#fff;border-radius:12px;padding:13px 16px;margin:0 auto 18px;max-width:1180px;font-size:14px;box-shadow:0 3px 12px rgba(60,35,12,.06)}
.woocommerce-cart .woocommerce-error{border-left-color:#bf4a30;color:#bf4a30}
.woocommerce-cart .woocommerce-message{border-left-color:#2f8f52}
.woocommerce-cart .woocommerce-message a.button,.woocommerce-cart .woocommerce-error a.button{display:none}

/* steps */
#bh-cart .bhc-steps{display:flex;align-items:center;justify-content:center;gap:11px;max-width:640px;margin:0 auto 32px}
#bh-cart .bhc-step{display:flex;align-items:center;gap:11px;color:var(--mut)}
#bh-cart .bhc-step-n{width:38px;height:38px;border-radius:50%;border:2px solid var(--ln2);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15.5px;flex:0 0 auto}
#bh-cart .bhc-step-t{font-size:14.5px;font-weight:600;white-space:nowrap}
#bh-cart .bhc-step.on{color:var(--pkd)}
#bh-cart .bhc-step.on .bhc-step-n{border-color:var(--pk);background:var(--pk);color:#fff}
#bh-cart .bhc-step-line{flex:0 1 46px;max-width:46px;min-width:18px;height:2px;background:var(--ln2);border-radius:2px}

#bh-cart .bhc-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
#bh-cart .bhc-top h1{font-size:29px}
#bh-cart .bhc-count{color:var(--mut);font-size:14.5px;font-weight:500}

#bh-cart .bhc-grid{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:26px;align-items:start}
#bh-cart .bhc-main{min-width:0}

/* item cards */
#bh-cart .bhc-items{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--shadowSm)}
#bh-cart .bhc-item{display:flex;align-items:center;gap:18px;padding:18px 20px}
#bh-cart .bhc-item+.bhc-item{border-top:1px solid var(--ln)}
#bh-cart .bhc-thumb{width:92px;height:92px;flex:0 0 auto;border-radius:13px;background:#fff;border:1px solid var(--ln);overflow:hidden;display:flex;align-items:center;justify-content:center}
#bh-cart .bhc-thumb img{width:100%;height:100%;object-fit:contain;display:block}
#bh-cart .bhc-info{flex:1;min-width:0}
#bh-cart .bhc-name{font-size:16px;font-weight:700;line-height:1.3}
/* variant attributes stacked, one per line, THIN (Farba: X / Veľkosť: Y under the product name) */
#bh-cart .bhc-attr{color:var(--mut);font-size:13px;margin-top:4px;font-weight:400;line-height:1.5}
#bh-cart .bhc-attr p{margin:0;display:inline}
#bh-cart .bhc-attr dl{margin:0;display:block}
#bh-cart .bhc-attr dt{display:inline;font-weight:400}
#bh-cart .bhc-attr dd{display:inline;margin:0 0 0 4px}
#bh-cart .bhc-attr dd::after{content:"";display:block}
#bh-cart .bhc-stock{display:none!important}
#bh-cart .bhc-stock svg{width:15px;height:15px;flex:0 0 auto}
#bh-cart .bhc-stock.ok{color:var(--ok)}#bh-cart .bhc-stock.warn{color:var(--warn)}#bh-cart .bhc-stock.bad{color:var(--bad)}

/* quantity stepper (wraps the real WC cart[key][qty] input) */
#bh-cart .bhc-qty{display:inline-flex;align-items:center;gap:2px;border:1.5px solid var(--ln2);border-radius:11px;padding:3px;flex:0 0 auto}
#bh-cart .bhc-q-btn{width:32px;height:32px;border:0;background:none;border-radius:8px;color:var(--ink2);display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:.14s}
#bh-cart .bhc-q-btn:hover{background:var(--peach);color:var(--pkd)}
#bh-cart .bhc-q-input{width:40px;text-align:center;border:0;background:none;font-weight:700;font-size:15px;font-family:inherit;color:var(--ink);font-variant-numeric:tabular-nums;-moz-appearance:textfield;padding:0}
#bh-cart .bhc-q-input::-webkit-outer-spin-button,#bh-cart .bhc-q-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#bh-cart .bhc-q-input:focus{outline:none}
#bh-cart .bhc-q-one{padding:0 12px;font-weight:700;font-size:14px}

#bh-cart .bhc-price{font-weight:700;font-size:16px;min-width:92px;text-align:right;flex:0 0 auto;line-height:1.25;color:var(--ink)}
#bh-cart .bhc-perunit{display:block;font-size:11px;color:var(--mut);font-weight:500;margin-top:1px}
#bh-cart .bhc-rm{flex:0 0 auto}
#bh-cart .bhc-rm .remove{width:36px;height:36px;border-radius:9px;color:var(--mut);display:flex;align-items:center;justify-content:center;font-size:0;transition:.14s}
#bh-cart .bhc-rm .remove svg{width:19px;height:19px}
#bh-cart .bhc-rm .remove:hover{background:#f7e7e2;color:var(--bad)}

/* under-cart actions */
#bh-cart .bhc-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}
#bh-cart .bhc-back{display:inline-flex;align-items:center;gap:9px;background:var(--card);border:1.5px solid var(--ln2);color:var(--ink2);font-weight:600;font-size:14px;padding:11px 18px;border-radius:12px;transition:.15s}
#bh-cart .bhc-back svg{width:18px;height:18px}
#bh-cart .bhc-back:hover{border-color:var(--pk);color:var(--pkd);background:var(--peach)}
#bh-cart .bhc-update{display:none} /* auto-update via AJAX — no manual button */

/* summary */
#bh-cart .bhc-side{min-width:0}
#bh-cart .bhc-sum{position:sticky;top:20px;background:var(--card);border:1px solid var(--ln);border-radius:var(--r);box-shadow:var(--shadow);padding:22px 22px 24px}
#bh-cart .bhc-sum h2{font-size:19px;margin-bottom:16px}
#bh-cart .bhc-coupon{display:flex;gap:8px;margin-bottom:16px}
#bh-cart .bhc-coupon input{flex:1;min-width:0;border:1.5px solid var(--ln2);border-radius:10px;padding:10px 13px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--bg)}
#bh-cart .bhc-coupon input::placeholder{color:var(--mut)}
#bh-cart .bhc-coupon input:focus{outline:none;border-color:var(--pk);box-shadow:0 0 0 3px rgba(240,120,0,.12)}
#bh-cart .bhc-coupon-btn{background:var(--ink);color:#fff;border:0;border-radius:10px;font-weight:600;font-size:13px;padding:0 17px;white-space:nowrap;transition:.15s}
#bh-cart .bhc-coupon-btn:hover{background:var(--pk)}
#bh-cart .bhc-srow{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--ink2);padding:8px 0}
#bh-cart .bhc-srow b{font-weight:600;color:var(--ink)}
#bh-cart .bhc-srow-disc b{color:var(--ok)}
#bh-cart .bhc-cpn{font-size:12px;color:var(--mut);font-weight:500}
#bh-cart .bhc-muted{color:var(--mut);font-weight:500;font-size:13px}
#bh-cart .bhc-total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:14px 0 4px;border-top:1px solid var(--ln);margin-top:6px}
#bh-cart .bhc-total-l{font-size:16px;font-weight:700}#bh-cart .bhc-total-l span{font-size:12px;font-weight:500;color:var(--mut);margin-left:5px}
#bh-cart .bhc-total-r{text-align:right}
#bh-cart .bhc-total-r b{font-size:25px;font-weight:800;letter-spacing:-.02em}
#bh-cart .bhc-total-r small{display:block;font-size:11.5px;color:var(--mut);margin-top:1px}
#bh-cart .bhc-total-r small b{font-size:11.5px;font-weight:700;color:var(--ink2)}
#bh-cart .bhc-checkout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--pk);color:#fff;border:0;border-radius:13px;font-size:15.5px;font-weight:700;padding:15px;margin-top:14px;transition:.15s;box-shadow:0 6px 16px rgba(240,120,0,.28)}
#bh-cart .bhc-checkout-btn svg{width:18px;height:18px}
#bh-cart .bhc-checkout-btn:hover{background:var(--pkd);color:#fff}
#bh-cart .bhc-trust{margin-top:18px;padding-top:16px;border-top:1px solid var(--ln);display:flex;flex-direction:column;gap:13px}
#bh-cart .bhc-trust-i{display:flex;align-items:center;gap:12px}
#bh-cart .bhc-trust-ic{width:38px;height:38px;border-radius:10px;background:var(--peach);color:var(--pkd);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
#bh-cart .bhc-trust-ic svg{width:19px;height:19px}
#bh-cart .bhc-trust-tx b{display:block;font-size:13.5px;font-weight:700}
#bh-cart .bhc-trust-tx span{font-size:12px;color:var(--mut)}

/* cross-sells */
#bh-cart .bhc-xsell{margin-top:40px}
#bh-cart .bhc-xsell h2{font-size:19px;margin-bottom:16px}
#bh-cart .bhc-xrow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;overflow-x:auto;padding-bottom:6px}
#bh-cart .bhc-xc{background:var(--card);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--shadowSm);overflow:hidden;min-width:0}
#bh-cart .bhc-xc-thumb{display:block;height:150px;background:var(--peachS);border-bottom:1px solid var(--ln)}
#bh-cart .bhc-xc-thumb img{width:100%;height:100%;object-fit:contain;display:block}
#bh-cart .bhc-xc-body{padding:13px 14px 14px}
#bh-cart .bhc-xc-name{font-size:14px;font-weight:700;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px}
#bh-cart .bhc-xc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
#bh-cart .bhc-xc-price{font-weight:700;font-size:15px}
#bh-cart .bhc-xc-price del{color:var(--mut);font-weight:500;font-size:12.5px;margin-right:4px}
#bh-cart .bhc-xc-price ins{text-decoration:none}
#bh-cart .bhc-xc-add .button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:10px;background:var(--ink);color:#fff;border:0;font-size:12.5px;font-weight:700;line-height:1;transition:.15s;white-space:nowrap}
#bh-cart .bhc-xc-add .button:hover{background:var(--pk);color:#fff}
#bh-cart .bhc-xc-add .button.loading{opacity:.6}
#bh-cart .bhc-xc-add .added{display:none}

/* mobile bottom bar */
#bh-cart .bhc-mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:14px;background:#fff;border-top:1px solid var(--ln);box-shadow:0 -6px 22px rgba(60,35,12,.12);padding:15px 16px 16px}
#bh-cart .bhc-mbar-price{display:flex;flex-direction:column;gap:5px;line-height:1.05;flex:1 1 auto;min-width:0}
#bh-cart .bhc-mbar-price span{font-size:11.5px;color:var(--mut)}
#bh-cart .bhc-mbar-price b{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#bh-cart .bhc-mbar-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pk);color:#fff;border:0;border-radius:12px;font-weight:700;font-size:14.5px;padding:12px 20px;box-shadow:0 4px 12px rgba(240,120,0,.28)}
#bh-cart .bhc-mbar-btn svg{width:18px;height:18px}
#bh-cart .bhc-mbar-btn:hover{background:var(--pkd);color:#fff}

@media(max-width:900px){
  #bh-cart .bhc-grid{grid-template-columns:minmax(0,1fr)}
  #bh-cart .bhc-sum{position:static}
  #bh-cart .bhc-sum .bhc-checkout-btn{display:none}
  /* cart's own fixed proceed bar must sit ABOVE the global app nav bar (58px), not behind it */
  #bh-cart .bhc-mbar{display:flex;bottom:calc(60px + env(safe-area-inset-bottom,0px));z-index:1360}
  #bh-cart{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}
  #bh-cart .bhc-xrow{grid-auto-columns:minmax(180px,70%)}
}
@media(max-width:560px){
  #bh-cart{padding-left:5px;padding-right:5px}
  #bh-cart .bhc-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"thumb info rm" "qty qty price";column-gap:14px;row-gap:13px;align-items:center;padding:16px}
  #bh-cart .bhc-thumb{grid-area:thumb;width:66px;height:66px;align-self:start}
  #bh-cart .bhc-info{grid-area:info;min-width:0}
  #bh-cart .bhc-name{font-size:15px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #bh-cart .bhc-rm{position:absolute;top:11px;right:11px;grid-area:rm}
  #bh-cart .bhc-qty{grid-area:qty;justify-self:start}
  #bh-cart .bhc-price{grid-area:price;justify-self:end;min-width:0;font-size:16px}
  #bh-cart .bhc-top h1{font-size:24px}
  /* mobile roadmap: label UNDER a bigger circle (vertical), all 3 shown */
  #bh-cart .bhc-steps{align-items:flex-start;gap:4px;margin-bottom:28px;max-width:none}
  #bh-cart .bhc-step{flex-direction:column;gap:7px;flex:1 1 0;min-width:0;text-align:center}
  #bh-cart .bhc-step-n{width:34px;height:34px;font-size:14.5px}
  #bh-cart .bhc-step-t{display:block!important;font-size:10.5px;font-weight:600;white-space:normal;line-height:1.2}
  #bh-cart .bhc-step-line{align-self:flex-start;margin-top:17px;flex:1 1 auto;max-width:none;min-width:6px}
}

/* ---- EMPTY CART — Pelo asleep in his bed (fills the viewport so no footer/dark area shows) ---- */
body.woocommerce-cart:has(#bh-empty) .site-content{min-height:calc(100vh - 92px)!important;display:flex!important;align-items:center;justify-content:center;background:#faf7f2!important;padding:24px 0!important}
body.woocommerce-cart:has(#bh-empty) #bh-f,
body.woocommerce-cart:has(#bh-empty) .site-footer,
body.woocommerce-cart:has(#bh-empty) .footer-container,
body.woocommerce-cart:has(#bh-empty) .basel-sticky-sidebar-opener{display:none!important}
#bh-empty{--pk:#f07800;--pkd:#cc6600;--ink:#1c130d;--mut:#8a7d72;
  font-family:'Geist',-apple-system,system-ui,'Segoe UI',sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;
  width:100%;max-width:560px;margin:0 auto;padding:20px 24px;text-align:center}
#bh-empty *{box-sizing:border-box}
#bh-empty .bh-empty-mascot{width:min(340px,82%);height:auto;display:block;margin:0 auto 10px}
#bh-empty .bh-empty-h{font-size:28px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;line-height:1.15;text-transform:none}
#bh-empty .bh-empty-t{font-size:15px;color:var(--mut);line-height:1.6;margin:0 0 26px}
#bh-empty .bh-empty-btn{display:inline-flex;align-items:center;gap:9px;background:var(--pk);color:#fff!important;border-radius:13px;padding:15px 28px;font-size:15.5px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(240,120,0,.28);transition:.15s}
#bh-empty .bh-empty-btn:hover{background:var(--pkd);color:#fff!important}
#bh-empty .bh-empty-btn svg{width:19px;height:19px;display:block}
@media(max-width:560px){
  #bh-empty .bh-empty-h{font-size:24px}
  #bh-empty .bh-empty-mascot{width:78%}
}
