/* zeedo-cos-popup-2026: popup "Adaugat in cos" (#layer_cart.zcp). Desktop: fereastra centrata; telefon: panou de jos.
   ajax-cart.js pune un "top" calculat in style: pozitia o da CSS-ul (top cu !important). */
#layer_cart.zcp {
  --zcp-green: #84bd00; --zcp-green-d: #73a600; --zcp-ink: #111; --zcp-text: #555; --zcp-line: #e4e6e1;
  position: fixed; top: 50% !important; left: 50%; right: auto; bottom: auto; z-index: 10001;
  width: 720px; max-width: calc(100% - 32px); max-height: calc(100vh - 40px); margin: 0; padding: 0;
  overflow-y: auto; -webkit-overflow-scrolling: touch;
  transform: translate(-50%, -50%); border: 0; border-radius: 6px; background: #fff;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28); color: var(--zcp-ink);
  font-family: "Roboto Condensed", Arial, sans-serif; font-size: 15px; line-height: 1.4; text-align: left;
}
#layer_cart.zcp * { box-sizing: border-box; }
.layer_cart_overlay { background: rgba(0, 0, 0, .45) !important; opacity: 1 !important; z-index: 10000 !important; position: fixed !important; top: 0; left: 0; transition: none; }

/* antet */
#layer_cart.zcp .zcp-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 12px 22px; border-bottom: 1px solid var(--zcp-line); }
#layer_cart.zcp .zcp-ok { display: inline-flex; align-items: center; gap: 10px; color: var(--zcp-ink); font-size: 17px; font-weight: 700; }
#layer_cart.zcp .zcp-ok svg { width: 26px; height: 26px; padding: 5px; border-radius: 50%; background: var(--zcp-green); fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
#layer_cart.zcp .cross { position: static; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: none; cursor: pointer; }
#layer_cart.zcp .cross::before, #layer_cart.zcp .cross::after { content: none; display: none; }
#layer_cart.zcp .cross svg { width: 20px; height: 20px; fill: none; stroke: var(--zcp-ink); stroke-width: 2; stroke-linecap: round; }
#layer_cart.zcp .cross:hover { background: #f2f3f0; }

/* produsul adaugat */
#layer_cart.zcp .zcp-prod { display: flex; align-items: center; gap: 16px; padding: 16px 22px; }
#layer_cart.zcp .layer_cart_img { flex: 0 0 76px; width: 76px; height: 76px; margin: 0; padding: 4px; border: 1px solid var(--zcp-line); border-radius: 4px; background: #fff; float: none; }
#layer_cart.zcp .layer_cart_img img { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; border: 0; }
#layer_cart.zcp .zcp-info { min-width: 0; }
#layer_cart.zcp #layer_cart_product_title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: var(--zcp-ink); font-size: 16px; line-height: 21px; font-weight: 700; text-transform: none; }
#layer_cart.zcp #layer_cart_product_attributes { display: block; color: var(--zcp-text); font-size: 13px; }
#layer_cart.zcp #layer_cart_product_attributes:empty { display: none; }
#layer_cart.zcp .zcp-meta { display: block; margin-top: 4px; color: var(--zcp-text); font-size: 14px; }
#layer_cart.zcp .zcp-meta #layer_cart_product_price { color: var(--zcp-ink); font-weight: 700; }

/* prag livrare gratuita */
#layer_cart.zcp .zcp-ship { margin: 0 22px; padding: 12px 14px 13px; border-radius: 4px; background: #f6f7f4; }
#layer_cart.zcp .zcp-ship[hidden] { display: none; }
#layer_cart.zcp .zcp-ship-t { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 8px; font-size: 14px; color: var(--zcp-text); }
#layer_cart.zcp .zcp-ship-r b { color: var(--zcp-ink); }
#layer_cart.zcp .zcp-bar { height: 6px; border-radius: 3px; background: #e2e5dd; overflow: hidden; }
#layer_cart.zcp .zcp-bar i { display: block; height: 100%; width: 0; border-radius: 3px; background: var(--zcp-green); transition: width .4s ease; }
#layer_cart.zcp .zcp-ship.is-ok { background: #f3f8e6; }
#layer_cart.zcp .zcp-ship.is-ok .zcp-ship-l { color: #4f7a00; font-weight: 700; }
#layer_cart.zcp .zcp-ship.is-ok .zcp-ship-l::before { content: "\2713\00a0"; }

/* cos + butoane */
#layer_cart.zcp .zcp-cart { padding: 14px 22px 0; color: var(--zcp-text); font-size: 14px; }
#layer_cart.zcp .zcp-cart .unvisible { display: none; }
#layer_cart.zcp .zcp-cart .ajax_block_products_total { color: var(--zcp-ink); font-weight: 700; }
#layer_cart.zcp .zcp-actions { display: grid; grid-template-columns: 1fr 1.3fr; gap: 10px; padding: 12px 22px 20px; }
#layer_cart.zcp .zcp-btn, #layer_cart.zcp .zcp-btn2 { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; margin: 0; padding: 0 16px; border-radius: 4px; font: inherit; font-size: 15px; font-weight: 700; text-decoration: none !important; cursor: pointer; float: none; box-shadow: none; }
#layer_cart.zcp .zcp-btn { border: 0; background: var(--zcp-green); color: #fff !important; letter-spacing: .03em; text-transform: uppercase; }
#layer_cart.zcp .zcp-btn:hover { background: var(--zcp-green-d); }
#layer_cart.zcp .zcp-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
#layer_cart.zcp .zcp-btn2 { border: 1px solid #c9cdc4; background: #fff; color: var(--zcp-ink); }
#layer_cart.zcp .zcp-btn2:hover { border-color: var(--zcp-ink); }

/* recomandari */
#layer_cart.zcp .zcp-x { padding: 16px 22px 20px; border-top: 1px solid var(--zcp-line); background: #fafbf9; }
#layer_cart.zcp .zcp-x[hidden], #layer_cart.zcp .crossseling[hidden] { display: none; }
#layer_cart.zcp .zcp-x-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
#layer_cart.zcp .zcp-x-t { color: var(--zcp-ink); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
#layer_cart.zcp .zcp-nav { display: flex; gap: 6px; }
#layer_cart.zcp .zcp-nav[hidden] { display: none; }
#layer_cart.zcp .zcp-nav button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 1px solid #c9cdc4; border-radius: 50%; background: #fff; cursor: pointer; }
#layer_cart.zcp .zcp-nav button:hover { border-color: var(--zcp-ink); }
#layer_cart.zcp .zcp-nav button:disabled { opacity: .35; cursor: default; border-color: #c9cdc4; }
#layer_cart.zcp .zcp-nav svg { width: 16px; height: 16px; fill: none; stroke: var(--zcp-ink); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
#layer_cart.zcp .zcp-x-l { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
#layer_cart.zcp .zcp-x-l::-webkit-scrollbar { display: none; }
#layer_cart.zcp .zcp-c { display: flex; flex-direction: column; flex: 0 0 calc((100% - 30px) / 4); min-width: 0; padding: 10px; border: 1px solid var(--zcp-line); border-radius: 4px; background: #fff; scroll-snap-align: start; }
#layer_cart.zcp .zcp-c-img { display: block; height: 96px; margin-bottom: 8px; }
#layer_cart.zcp .zcp-c-img img { display: block; width: 100%; height: 100%; object-fit: contain; }
#layer_cart.zcp .zcp-c-n { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 36px; color: var(--zcp-ink) !important; font-size: 13px; line-height: 18px; text-decoration: none !important; }
#layer_cart.zcp .zcp-c-n:hover { text-decoration: underline !important; }
#layer_cart.zcp .zcp-c-p { margin: 4px 0 8px; color: var(--zcp-ink); font-size: 15px; font-weight: 700; }
#layer_cart.zcp .zcp-add { margin-top: auto; min-height: 34px; padding: 0 8px; border: 1px solid var(--zcp-green); border-radius: 4px; background: #fff; color: #4f7a00; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
#layer_cart.zcp .zcp-add:hover { background: var(--zcp-green); color: #fff; }
#layer_cart.zcp .zcp-add:disabled { opacity: .6; cursor: default; }

/* telefon: panou de jos */
@media (max-width: 767px) {
  #layer_cart.zcp {
    top: auto !important; left: 0; right: 0; bottom: 0; width: 100%; max-width: none; max-height: 88vh;
    transform: none; border-radius: 14px 14px 0 0; padding-bottom: env(safe-area-inset-bottom);
  }
  #layer_cart.zcp .zcp-head { padding: 12px 10px 10px 16px; }
  #layer_cart.zcp .zcp-prod { padding: 14px 16px; gap: 12px; }
  #layer_cart.zcp .layer_cart_img { flex-basis: 64px; width: 64px; height: 64px; }
  #layer_cart.zcp #layer_cart_product_title { font-size: 15px; line-height: 20px; }
  #layer_cart.zcp .zcp-ship { margin: 0 16px; }
  #layer_cart.zcp .zcp-cart { padding: 12px 16px 0; }
  #layer_cart.zcp .zcp-actions { grid-template-columns: 1fr; padding: 10px 16px 16px; }
  #layer_cart.zcp .zcp-actions .zcp-btn { order: -1; }
  #layer_cart.zcp .zcp-x { padding: 14px 0 16px 16px; }
  #layer_cart.zcp .zcp-x-h { padding-right: 16px; }
  #layer_cart.zcp .zcp-nav { display: none; }
  #layer_cart.zcp .zcp-x-l { padding-right: 16px; }
  #layer_cart.zcp .zcp-c { flex: 0 0 142px; }
  #layer_cart.zcp .zcp-c-img { height: 84px; }
}