/* =====================================================================
   Cleno.cz – okno „Přidáno do košíku“ (po kliknutí na Do košíku)
   Fotka přidaného produktu, doprava zdarma přes celou šířku, pod ní tlačítka,
   řádek důvěry a kompaktní doporučené produkty
   ===================================================================== */
:root{
  --clk-head:#163d5c;
  --clk-blue:#239ceb;
  --clk-blue-d:#0b6fb0;
  --clk-text:#6b7682;
  --clk-border:#e0eef9;
  --clk-soft:#f5faff;
}

/* ---------- pozadí a okno ---------- */
#cboxOverlay{background:rgba(14,47,75,.55) !important;opacity:1 !important;}
#colorbox,#cboxWrapper{border-radius:24px !important;}
#colorbox{
  background:none !important;
  box-shadow:0 34px 80px -34px rgba(14,47,75,.55) !important;
}
#cboxContent{
  border-radius:24px !important;
  background:#fff !important;
  overflow:hidden !important;
}
#cboxLoadedContent{border-radius:24px;}

/* zavírací křížek */
#cboxClose{
  top:16px !important;right:16px !important;
  width:38px !important;height:38px !important;
  display:flex !important;align-items:center;justify-content:center;
  border-radius:50% !important;
  background:#f3f7fb !important;
  color:var(--clk-head) !important;
  transition:background .2s,color .2s;
  z-index:5;
}
#cboxClose::before{position:static !important;margin:0 !important;color:inherit !important;font-size:13px !important;line-height:1 !important;}
#cboxClose:hover{background:#e6f0f9 !important;color:var(--clk-blue-d) !important;}

/* ---------- hlavička: Přidáno do košíku + název produktu ---------- */
.advanced-order{position:relative;}
.advanced-order .h1:not(.advanced-order-suggestion){
  display:flex;align-items:center;
  min-height:48px;
  margin:4px 0 0 !important;
  padding:0 54px 0 64px !important;
  color:var(--clk-head) !important;
  font-size:22px !important;font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:-.01em;
}
.advanced-order .h1:not(.advanced-order-suggestion)::before{
  width:48px !important;height:48px !important;
  border-radius:50% !important;
  background:#e7f6ec !important;
  color:#1f9d3a !important;
}
.advanced-order .h2{
  margin:0 0 28px !important;
  padding:0 54px 0 64px !important;
  color:var(--clk-text) !important;
  font-size:15px !important;font-weight:600 !important;
  line-height:1.45 !important;
}
.advanced-order .h2 a{color:var(--clk-blue-d) !important;font-weight:700;text-decoration:none !important;}
.advanced-order .h2 a:hover{color:var(--clk-blue) !important;}

/* fotka přidaného produktu (vkládá cleno-popup-kosik.js) – fajfka se změní na malý odznak v rohu fotky */
.advanced-order .cl-added-thumb{
  position:absolute;left:0;top:0;
  width:76px;height:76px;
  display:flex;align-items:center;justify-content:center;
  padding:6px;
  border:1px solid #e6eef6;
  border-radius:16px;
  background:#fff;
}
.advanced-order .cl-added-thumb img{max-width:100%;max-height:100%;object-fit:contain;}
.advanced-order.cl-has-img .h1:not(.advanced-order-suggestion),
.advanced-order.cl-has-img .h2{padding-left:96px !important;}
.advanced-order.cl-has-img .h1:not(.advanced-order-suggestion){min-height:44px;}
.advanced-order.cl-has-img .h2{min-height:34px;}
.advanced-order.cl-has-img .h1:not(.advanced-order-suggestion)::before{
  left:58px !important;top:46px !important;
  width:24px !important;height:24px !important;
  line-height:20px !important;
  font-size:10px !important;
  border:2px solid #fff !important;
  background:#1f9d3a !important;
  color:#fff !important;
  z-index:2;
}

/* ---------- pás: doprava zdarma přes celou šířku, pod ní tlačítka a řádek důvěry ---------- */
.advanced-order .extras-wrap{
  display:grid !important;
  grid-template-columns:auto auto;
  justify-content:space-between;
  align-items:center !important;
  gap:16px 24px;
  padding:22px 32px 18px !important;
  border-top:1px solid var(--clk-border) !important;
  border-bottom:1px solid var(--clk-border) !important;
  background:var(--clk-soft) !important;
}
.advanced-order .extras-wrap > div{margin:0 !important;width:auto !important;max-width:none !important;}
.advanced-order .extra.delivery{grid-column:1 / -1;grid-row:1;text-align:center !important;}
.advanced-order .do-obchodu{grid-column:1;grid-row:2;justify-self:start;}
.advanced-order .extra.step{grid-column:2;grid-row:2;justify-self:end;}

/* řádek důvěry */
.advanced-order .extras-wrap::after{
  content:"✓ Odesíláme do 24 hodin     ✓ Ověřený obchod     ✓ Bezpečná platba";
  grid-column:1 / -1;grid-row:3;
  white-space:pre;
  text-align:center;
  color:var(--clk-text);
  font-size:12.5px;font-weight:600;
  letter-spacing:.01em;
}

/* Zpět do obchodu – jemné obrysové tlačítko */
.advanced-order .next-step-back{
  display:inline-flex !important;align-items:center;gap:8px;
  height:50px !important;
  padding:0 20px 0 16px !important;
  border:1px solid #d7e6f3 !important;
  border-radius:14px !important;
  background:#fff !important;
  color:var(--clk-head) !important;
  font-size:14.5px !important;font-weight:700 !important;
  text-transform:none !important;
  text-decoration:none !important;
  white-space:nowrap;
  transition:border-color .2s,color .2s;
}
.advanced-order .next-step-back::before{color:var(--clk-blue-d) !important;font-size:12px !important;}
.advanced-order .next-step-back:hover{border-color:#bcd9ef !important;color:var(--clk-blue-d) !important;}

/* doprava zdarma + ukazatel */
.advanced-order .extra.delivery > span{
  display:block;
  width:100% !important;
  color:var(--clk-head) !important;
  font-size:14.5px !important;
  line-height:1.45 !important;
}
.advanced-order .extra.delivery > span::before{color:var(--clk-blue-d) !important;}
.advanced-order .extra.delivery strong{color:var(--clk-head) !important;font-weight:800 !important;}
.advanced-order .price-range{
  height:8px !important;
  margin-top:10px !important;
  border-radius:8px !important;
  background:#e3ecf5 !important;
  overflow:hidden;
}
.advanced-order .price-range > div{
  height:100% !important;
  border-radius:8px !important;
  background:linear-gradient(90deg,#8fd0f7 0%,#239ceb 45%,#0b6fb0 100%) !important;
}

/* Nákupní košík – stejné zelené tlačítko jako na detailu produktu */
.advanced-order .extras-wrap .btn-conversion{
  display:inline-flex !important;align-items:center;justify-content:center;gap:10px;
  min-width:260px;
  height:52px !important;
  padding:0 26px !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#34c759 0%,#1f9d3a 100%) !important;
  color:#fff !important;
  font-size:16px !important;font-weight:800 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  white-space:nowrap;
  box-shadow:0 10px 20px -12px rgba(31,157,58,.9) !important;
  transition:filter .2s,transform .2s;
}
.advanced-order .extras-wrap .btn-conversion:hover{filter:brightness(1.06);transform:translateY(-1px);}

/* ---------- Ostatní zákazníci také nakoupili ---------- */
.advanced-order .advanced-order-suggestion{
  margin:0 -33px !important;
  padding:24px 0 18px !important;
  border-top:0 !important;
  color:var(--clk-head) !important;
  font-size:19px !important;font-weight:800 !important;
  letter-spacing:-.01em;
  text-align:center !important;
}
.advanced-order .advanced-order-suggestion::after{
  content:"";
  display:block;
  width:40px;height:4px;
  margin:10px auto 0;
  border-radius:4px;
  background:linear-gradient(90deg,#0b6fb0 0%,#239ceb 55%,#8fd0f7 100%);
}

/* doporučené produkty – úhledné stejně vysoké karty: obrázek, název, cena, tlačítko */
#colorbox .advanced-order .products-additional{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:auto !important;
  margin:0 0 4px !important;
  padding:0 0 28px !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}
#colorbox .advanced-order .products-additional::before,#colorbox .advanced-order .products-additional::after{display:none !important;}
#colorbox .advanced-order .products-additional .product{
  display:block !important;
  justify-self:stretch !important;
  width:100% !important;max-width:none !important;min-width:0 !important;
  margin:0 !important;padding:0 !important;
  float:none !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
}
#colorbox .advanced-order .products-additional .product::before,
#colorbox .advanced-order .products-additional .product::after{display:none !important;}
/* na počítači stačí tři doporučené produkty v jednom řádku */
@media (min-width:768px){
  #colorbox .advanced-order .products-additional .product:nth-child(n+4){display:none !important;}
}
#colorbox .advanced-order .products-additional .product > .p{
  display:flex !important;flex-direction:column !important;
  width:100% !important;height:100%;
  padding:14px !important;
  border:1px solid #e6eef6 !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}
#colorbox .advanced-order .products-additional .product:hover > .p{border-color:#cfe2f2 !important;}
#colorbox .advanced-order .products-additional .image{
  display:flex !important;align-items:center;justify-content:center;
  width:100% !important;height:110px !important;
  aspect-ratio:auto !important;max-height:none !important;
  margin:0 0 12px !important;padding:6px !important;
  border-radius:12px !important;
  background:#fff !important;
}
#colorbox .advanced-order .products-additional .image img{width:auto !important;height:auto !important;max-width:100% !important;max-height:100% !important;object-fit:contain;}
#colorbox .advanced-order .products-additional .flags,
#colorbox .advanced-order .products-additional .stars-wrapper,
#colorbox .advanced-order .products-additional .p-desc,
#colorbox .advanced-order .products-additional .p-code,
#colorbox .advanced-order .products-additional .price-additional,
#colorbox .advanced-order .products-additional .price-measure,
#colorbox .advanced-order .products-additional .availability{display:none !important;}
#colorbox .advanced-order .products-additional .p-in{flex:1 1 auto;min-width:0;display:flex !important;flex-direction:column;}
#colorbox .advanced-order .products-additional .p-in-in{margin:0 !important;}
#colorbox .advanced-order .products-additional .name{
  display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  height:2.7em !important;min-height:0 !important;
  margin:0 0 10px !important;
  color:var(--clk-head) !important;
  font-size:14px !important;font-weight:700 !important;
  line-height:1.35 !important;
  text-align:left !important;
}
#colorbox .advanced-order .products-additional .p-bottom{margin-top:auto !important;}
#colorbox .advanced-order .products-additional .p-bottom > div{
  display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:space-between;gap:10px;
}
#colorbox .advanced-order .products-additional .prices{flex:1 1 auto;min-width:0;width:auto !important;margin:0 !important;}
#colorbox .advanced-order .products-additional .price-final,
#colorbox .advanced-order .products-additional .price-final strong{color:var(--clk-head) !important;font-size:18px !important;font-weight:800 !important;white-space:nowrap;}
#colorbox .advanced-order .products-additional .p-tools{flex:0 0 auto;width:auto !important;margin:0 !important;}
#colorbox .advanced-order .products-additional .btn-cart{
  display:inline-flex !important;align-items:center;justify-content:center;gap:6px;
  width:auto !important;
  height:38px !important;
  padding:0 14px !important;
  border-radius:11px !important;
  font-size:13px !important;font-weight:800 !important;
  text-transform:none !important;
  white-space:nowrap;
  box-shadow:none !important;
}
#colorbox .advanced-order .products-additional .btn-cart::before{width:15px !important;height:15px !important;}

/* ---------- mobil ---------- */
@media (max-width:767px){
  #colorbox,#cboxWrapper,#cboxContent,#cboxLoadedContent{border-radius:20px !important;}
  #cboxClose{top:12px !important;right:12px !important;width:34px !important;height:34px !important;}

  /* fajfka (nebo fotka) nahoře uprostřed, pod ní nadpis a název produktu */
  .advanced-order .h1:not(.advanced-order-suggestion){
    display:block;
    min-height:0;
    margin-top:6px !important;
    padding:54px 36px 0 !important;
    font-size:19px !important;
    text-align:center !important;
  }
  .advanced-order .h1:not(.advanced-order-suggestion)::before{
    left:50% !important;top:0 !important;right:auto !important;
    width:44px !important;height:44px !important;line-height:44px !important;
    margin:0 0 0 -22px !important;
    transform:none !important;
  }
  .advanced-order .h2{margin:4px 0 20px !important;padding:0 8px !important;font-size:14px !important;text-align:center !important;}

  .advanced-order .cl-added-thumb{left:50%;top:6px;width:68px;height:68px;margin-left:-34px;}
  .advanced-order.cl-has-img .h1:not(.advanced-order-suggestion){padding:84px 36px 0 !important;}
  .advanced-order.cl-has-img .h2{padding-left:8px !important;min-height:0;}
  .advanced-order.cl-has-img .h1:not(.advanced-order-suggestion)::before{
    left:50% !important;top:50px !important;
    width:24px !important;height:24px !important;line-height:20px !important;
    margin:0 0 0 18px !important;
  }

  .advanced-order .extras-wrap{
    grid-template-columns:1fr;
    gap:12px;
    padding:18px 20px 16px !important;
  }
  .advanced-order .extra.delivery{grid-row:1;}
  .advanced-order .extra.step{grid-column:1;grid-row:2;justify-self:stretch;}
  .advanced-order .do-obchodu{grid-column:1;grid-row:3;justify-self:stretch;}
  .advanced-order .extras-wrap::after{
    grid-row:4;
    white-space:normal;
    content:"✓ Odesíláme do 24 h     ✓ Ověřený obchod";
    font-size:11.5px;
    line-height:1.5;
  }
  .advanced-order .extra.delivery > span{font-size:13.5px !important;}
  .advanced-order .extras-wrap .btn-conversion{width:100% !important;min-width:0;height:50px !important;}
  .advanced-order .next-step-back{width:100% !important;justify-content:center;height:46px !important;}

  .advanced-order .advanced-order-suggestion{padding:22px 0 14px !important;font-size:17px !important;}
  .advanced-order .advanced-order-suggestion::after{width:34px;height:3px;margin-top:8px;}

  /* doporučené produkty – posun prstem do strany, vidět jsou dvě karty */
  #colorbox .advanced-order .products-additional{
    display:flex !important;
    flex-direction:row !important;flex-wrap:nowrap !important;
    gap:10px;
    margin:0 -20px 4px !important;
    padding:0 20px 22px !important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  #colorbox .advanced-order .products-additional::-webkit-scrollbar{display:none;}
  #colorbox .advanced-order .products-additional .product{flex:0 0 46% !important;width:46% !important;scroll-snap-align:start;border:0 !important;outline:0 !important;box-shadow:none !important;}
  #colorbox .advanced-order .products-additional{border:0 !important;}
  #colorbox .advanced-order .products-additional .product > .p{padding:10px !important;border-radius:16px !important;}
  #colorbox .advanced-order .products-additional .image{height:84px !important;margin-bottom:8px !important;}
  #colorbox .advanced-order .products-additional .name{font-size:13px !important;}
  #colorbox .advanced-order .products-additional .p-bottom > div{flex-direction:column !important;align-items:stretch !important;gap:8px;}
  #colorbox .advanced-order .products-additional .price-final,#colorbox .advanced-order .products-additional .price-final strong{font-size:16px !important;}
  #colorbox .advanced-order .products-additional .btn-cart{width:100% !important;height:36px !important;padding:0 8px !important;font-size:12.5px !important;}
}