/*
 * Caravana Hooo la plată (23 octombrie 2026; inc/caravana.php): blocul contribuției, înainte de „Plata”, și rândul din coș, sub total.
 * Culorile checkout-ului „seara” (assets/checkout-seara.css): hârtie #FBF6EF, linie #E6DCCD, brad #173C31, aur #E3B563, cremă #FFF3E3.
 */

/* ---------- blocul de la plată ---------- */
.checkout-page .ck-caravana{grid-column:1;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:0 16px;margin:34px 0 0;padding:18px 20px 16px 18px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie,#E6DCCD),0 22px 44px -36px rgba(40,30,20,.45);transition:box-shadow .2s var(--ease,ease),background-color .2s var(--ease,ease)}
.checkout-page .ck-caravana.is-activ{background:#F6FAF7;box-shadow:inset 0 0 0 1.5px var(--pine,#1F5B4A),0 22px 44px -36px rgba(23,60,49,.5)}
.checkout-page .ck-caravana[hidden]{display:none}
.ck-caravana-stare{display:none!important} /* doar datele trimise de server, niciodată în pagină */
.ck-caravana .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ck-caravana__foto{display:block;width:64px;height:64px;border-radius:14px;object-fit:cover;background:#F1E7DA}
.ck-caravana__corp{min-width:0}
.ck-caravana__bifa{display:flex;align-items:flex-start;gap:11px;margin:0;font:700 17px/1.3 var(--font-display);letter-spacing:-.01em;color:var(--ink);cursor:pointer}
.ck-caravana__bifa input{flex:none;width:21px;height:21px;margin:1px 0 0;accent-color:var(--pine,#1F5B4A);cursor:pointer}
.ck-caravana__bifa b{font-weight:800;color:var(--pine,#1F5B4A);white-space:nowrap}
.ck-caravana__ce{margin:6px 0 0 32px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.ck-caravana__linkuri{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:6px 0 0 32px;font-size:14px;line-height:1.4}
.ck-caravana__linkuri a,.ck-caravana__alta{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;color:var(--pine,#1F5B4A);font:600 14px/1.4 var(--font-body);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}
.ck-caravana__linkuri a:hover,.ck-caravana__alta:hover{color:var(--ink)}
.ck-caravana__linkuri a:focus-visible,.ck-caravana__alta:focus-visible{outline:2px solid var(--pine,#1F5B4A);outline-offset:3px;border-radius:4px}
.ck-caravana__punct{color:var(--ink-3)}
.ck-caravana__alta[aria-expanded="true"]{text-decoration:none;color:var(--ink)}

.ck-caravana__sume{margin:10px 0 2px 32px}
.ck-caravana__sume fieldset{margin:0;padding:0;border:0;min-width:0}
.ck-caravana__chips{display:flex;flex-wrap:wrap;gap:8px}
.ck-caravana__chip{position:relative;margin:0;cursor:pointer}
.ck-caravana__chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ck-caravana__chip span{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1.5px solid var(--linie,#E6DCCD);border-radius:999px;background:#fff;font:700 15px/1 var(--font-body);color:var(--ink);white-space:nowrap;transition:border-color .15s,background-color .15s,color .15s}
.ck-caravana__chip:hover span{border-color:var(--pine,#1F5B4A)}
.ck-caravana__chip input:checked+span{border-color:var(--pine,#1F5B4A);background:var(--pine,#1F5B4A);color:#fff}
.ck-caravana__chip input:focus-visible+span{outline:2px solid var(--pine,#1F5B4A);outline-offset:2px}
.ck-caravana__libera{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:12px 0 0;font-size:14.5px;font-weight:600;color:var(--ink)}
.ck-caravana__camp{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 4px;border:1.5px solid var(--linie,#E6DCCD);border-radius:14px;background:#fff;color:var(--ink-2);font-weight:600}
.ck-caravana__camp:focus-within{border-color:var(--pine,#1F5B4A);box-shadow:0 0 0 3px rgba(31,91,74,.14)}
.ck-caravana__camp input{width:132px;min-height:42px;padding:0 0 0 10px;border:0;background:transparent;font:700 16px/1 var(--font-body);color:var(--ink);outline:0}
.ck-caravana__camp input:focus{border:0;box-shadow:none;outline:0}
.ck-caravana__camp input::placeholder{font-weight:500;color:var(--ink-3)}
.ck-caravana__libera.is-eroare .ck-caravana__camp{border-color:var(--err,#B42318)}
.ck-caravana__ajutor{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--ink-3)}
.ck-caravana__eroare{margin:6px 0 0;font-size:13.5px;font-weight:600;color:var(--err,#B42318)}
.ck-caravana__eroare[hidden]{display:none}
.ck-caravana.is-lucru .ck-caravana__bifa b{opacity:.55}

/* rândul contribuției în „Comanda ta” */
.checkout-page .ck-card .ck-item__img img[src*="/caravana/rand-"]{object-fit:cover}

@media (max-width:980px){
  .checkout-page .ck-caravana{order:7;margin-top:28px}
}
/* pe telefon: poza și căsuța pe primul rând, restul pe toată lățimea cardului */
@media (max-width:560px){
  .checkout-page .ck-caravana{grid-template-columns:52px minmax(0,1fr);gap:0 12px;padding:16px 16px 14px}
  .ck-caravana__foto{width:52px;height:52px;border-radius:12px}
  .ck-caravana__corp{display:contents}
  .ck-caravana__bifa{grid-column:2;align-self:center;font-size:16px}
  .ck-caravana__ce,.ck-caravana__linkuri,.ck-caravana__sume{grid-column:1/-1;margin-left:0}
  .ck-caravana__ce{margin-top:12px}
  .ck-caravana__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ck-caravana__chip span{display:flex;justify-content:center;min-height:44px;padding:0 10px;font-size:15px}
  .ck-caravana__camp input{width:128px}
}
/* pe ecranele înguste, linkurile pot trece pe două rânduri: fără punctul dintre ele, ca să nu rămână agățat */
@media (max-width:380px){
  .ck-caravana__punct{display:none}
  .ck-caravana__linkuri{gap:0 18px}
}
@media (prefers-reduced-motion:reduce){.checkout-page .ck-caravana{transition:none}}

/* ---------- coșul: rândul de sub total, pe fondul de brad ---------- */
.ck-caravana-nota{display:flex;align-items:flex-start;gap:8px;margin:0 0 12px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.ck-caravana-nota svg{flex:none;width:17px;height:17px;margin-top:1px;color:var(--rasp)}
.ck-caravana-nota a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
body.cart-page .cart_totals .ck-caravana-nota{color:var(--crem-2,#E9DCC7)}
body.cart-page .cart_totals .ck-caravana-nota svg{color:var(--aur,#E3B563)}
body.cart-page .cart_totals .ck-caravana-nota a{color:#FFF8EE}
body.cart-page .cart_totals .ck-caravana-nota a:hover{color:var(--aur-2,#F3DDAA)}
body.cart-page .cart_totals .ck-caravana-nota a:focus-visible{outline:2px solid var(--aur,#E3B563);outline-offset:2px;border-radius:3px}

/* ---------- 24.10.2026, Adrian: „e prea mare acolo în checkout… trebuie mic, să nu ocupăm mult spațiu” ----------
   un singur rând: poza mică, bifa cu suma, „i” și „altă sumă” lângă ea; sumele se deschid doar la cerere, tot mici */
.checkout-page .ck-caravana{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:0 12px;margin:18px 0 0;padding:9px 14px 9px 10px;border-radius:14px;background:#FFFDF9;box-shadow:inset 0 0 0 1px var(--linie,#E6DCCD)}
.checkout-page .ck-caravana.is-activ{background:#F6FAF7;box-shadow:inset 0 0 0 1px var(--pine,#1F5B4A)}
.checkout-page .ck-caravana .ck-caravana__foto{width:34px;height:34px;border-radius:9px}
.checkout-page .ck-caravana .ck-caravana__corp{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px}
.checkout-page .ck-caravana .ck-caravana__bifa{align-items:center;gap:8px;font:600 14.5px/1.3 var(--font-body);letter-spacing:0}
.checkout-page .ck-caravana .ck-caravana__bifa input{width:17px;height:17px;margin:0}
.checkout-page .ck-caravana .ck-caravana__bifa b{font-weight:700}
.checkout-page .ck-caravana .ck-caravana__linkuri{margin:0;gap:0 8px;font-size:13px}
.checkout-page .ck-caravana .ck-caravana__linkuri .ck-caravana__alta{min-height:28px;font-size:13px}
.checkout-page .ck-caravana .ck-caravana__corp .ck-info__pop{flex-basis:100%;margin:6px 0 2px}
.checkout-page .ck-caravana .ck-caravana__sume{flex-basis:100%;margin:6px 0 4px}
.checkout-page .ck-caravana .ck-caravana__chips{display:flex;flex-wrap:wrap;gap:6px}
.checkout-page .ck-caravana .ck-caravana__chip span{display:inline-flex;min-height:32px;padding:0 12px;font-size:13.5px}
.checkout-page .ck-caravana .ck-caravana__libera{margin:8px 0 0;font-size:13px}
.checkout-page .ck-caravana .ck-caravana__camp input{width:96px;min-height:34px;font-size:15px}
.checkout-page .ck-caravana .ck-caravana__ajutor{font-size:12px}
@media (max-width:980px){.checkout-page .ck-caravana{margin-top:16px}}
@media (max-width:560px){
  .checkout-page .ck-caravana{grid-template-columns:30px minmax(0,1fr);gap:0 10px;padding:8px 12px 8px 8px}
  .checkout-page .ck-caravana .ck-caravana__foto{width:30px;height:30px;border-radius:8px}
  .checkout-page .ck-caravana .ck-caravana__corp{display:flex}
  .checkout-page .ck-caravana .ck-caravana__bifa{font-size:14px}
  .checkout-page .ck-caravana .ck-caravana__linkuri,.checkout-page .ck-caravana .ck-caravana__sume{grid-column:auto;margin-left:0}
  .checkout-page .ck-caravana .ck-caravana__chips{display:flex}
  .checkout-page .ck-caravana .ck-caravana__chip span{min-height:34px;padding:0 11px;font-size:13.5px}
}