/* Container */
.wbk-combineer-bespaar {
  margin-top: 32px;
  margin-bottom: 48px; /* meer ruimte onderaan */
  padding: 24px;
  border: 1px solid #eee;
  border-radius: 16px;
  background: linear-gradient(180deg, #fafafa, #fff);
  position: relative;
  padding-bottom: 1px;
}

.wbk-combineer-bespaar h2{margin:0 0 16px;font-size:1.25rem}

/* Bundle card */
.wbk-bundle{position:relative;display:flex;flex-wrap:wrap;gap:18px;padding:18px;border:1px solid #eaeaea;border-radius:14px;background:#fff;margin-bottom:18px;box-shadow:0 6px 18px rgba(0,0,0,.06)}
/* Rotating headline badge */
.wbk-bundle-badge{position:absolute;top:-14px;left:-14px;background:conic-gradient(from 45deg,#111,#444,#111);color:#fff;font-weight:800;padding:10px 14px;border-radius:999px;font-size:.9rem;box-shadow:0 6px 18px rgba(0,0,0,.18);transform-origin:center}

/* Items list */
.wbk-bundle-items{display:flex;flex-wrap:wrap;gap:16px;flex:1 1 60%}
.wbk-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:160px;min-width:140px;text-align:center}
.wbk-item .wbk-thumb img{border-radius:12px;max-width:120px;height:auto;display:block}
.wbk-thumb{position:relative;display:inline-block}
/* Per-item badge */
.wbk-thumb-badge{position:absolute;top:6px;right:6px;background:radial-gradient(circle at 30% 30%, #ff3b3b, #cc0016);color:#fff;padding:6px 8px;border-radius:999px;font-size:.75rem;font-weight:800;box-shadow:0 6px 14px rgba(204,0,22,.3);transform-origin:center;animation:wbk-pulse 1.8s ease-in-out infinite}

/* Meta */
.wbk-meta{display:flex;flex-direction:column;gap:6px}
.wbk-title{font-weight:700;text-decoration:none;color:#111}
.wbk-title:hover{text-decoration:underline}
.wbk-prices{display:flex;gap:8px;align-items:baseline;justify-content:center}
.wbk-price-original del{opacity:.55}
.wbk-savings{font-size:.85rem;color:#0a7a28;font-weight:700}

/* Summary */
.wbk-bundle-summary{flex:1 1 260px;display:flex;flex-direction:column;gap:12px;align-self:flex-start;border-left:1px dashed #eee;padding-left:16px}
.wbk-sum-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}
.wbk-sum-row.small{font-size:.9rem;opacity:.8}
.wbk-sum-row.small span:last-child{font-weight:700;} /* Percentage dikgedrukt */
.wbk-sum-row.saving span:last-child{color:#0a7a28;font-weight:800}
.wbk-bundle-form .button{width:100%;border-radius:12px;padding:12px 16px;font-weight:800}

/* Waarschuwing bij onvoldoende selectie */
.wbk-min-note.wbk-warning {
  color: #b30000;
  font-weight: 700;
  background: #ffecec;
  padding: 6px 10px;
  border-radius: 8px;
}

/* Totals verbergen als selectie niet geldig is */
.wbk-hide-totals .wbk-sum-row {
  display: none;
}

/* Animations */
@keyframes wbk-rotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes wbk-pulse{
  0%{transform:scale(1); box-shadow:0 6px 14px rgba(204,0,22,.3)}
  50%{transform:scale(1.06); box-shadow:0 10px 22px rgba(204,0,22,.4)}
  100%{transform:scale(1); box-shadow:0 6px 14px rgba(204,0,22,.3)}
}

/* Responsive */
@media (max-width:768px){
    .wbk-bundle{flex-direction:column}
    .wbk-bundle-summary{width:100%;border-left:none;border-top:1px dashed #eee;padding-left:0;padding-top:12px}
    .wbk-item{width:48%;min-width:auto}
    .wbk-item .wbk-thumb img{max-width:110px}
}

/* Checkbox styling */
.wbk-select{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:.95rem;
}
.wbk-select input[type="checkbox"]{
  width:18px;height:18px;
}

/* Mobile centreren */
@media (max-width:768px){
  .wbk-bundle-items{justify-content:center}
  .wbk-item{margin-left:auto;margin-right:auto;text-align:center}
}