/* Fancy, thema-vriendelijk */
.wctpp-deal{
  margin:12px 0 16px;
  border:1px solid #e5e7eb;
  background:linear-gradient(0deg,#fafafa,#fff);
  border-radius:10px;
  padding:14px 16px;
  position:relative;
  box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.wctpp-deal:before{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:4px;
  background:linear-gradient(180deg,#34d399,#10b981);
  border-radius:10px 0 0 10px;
}

.wctpp-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.wctpp-title{font-weight:600}
.wctpp-badge{
  font-size:12px; line-height:1;
  background:#ecfdf5; color:#065f46; border:1px solid #a7f3d0;
  padding:3px 8px; border-radius:999px; font-weight:600
}

/* Tiers table – gecentreerd */
.wctpp-tiers{width:100%;border-collapse:collapse;margin:6px 0}
.wctpp-tiers th{
  text-transform:uppercase; font-size:12px; letter-spacing:.02em;
  color:#6b7280; font-weight:700; text-align:center
}
.wctpp-tiers th, .wctpp-tiers td{
  padding:10px 10px; border-bottom:1px dashed #e5e7eb; vertical-align:middle
}
.wctpp-tiers td{ text-align:center }
.wctpp-tiers tr:last-child td{ border-bottom:0 }
.wctpp-tiers tr.highlight{ background:#f0fdf4 }

.wctpp-freebie{
  margin:10px 0 0; font-size:13px;
  color:#065f46; background:#ecfdf5; border:1px solid #a7f3d0;
  padding:10px 12px; border-radius:8px
}

/* Cart prompt – compact en opvallend */
.wctpp-prompts{
  margin:10px 0; padding:10px 12px;
  border:1px dashed #a7f3d0; background:#ecfdf5; color:#065f46;
  border-radius:8px
}
.wctpp-prompt-item{ margin:2px 0 }

/* Freebie code UI */
.wctpp-code-box{
  margin:10px 0 0; padding:10px 12px;
  border:1px solid #e5e7eb; background:#fff; border-radius:8px
}
.wctpp-code-active{ background:#ecfdf5; border-color:#a7f3d0; color:#065f46 }

/* ACTIVE: status + remove op 1 regel */
.wctpp-code-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:nowrap }
.wctpp-code-status{
  display:flex; gap:6px; align-items:center;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  flex:1 1 auto; min-width:0;
}
.wctpp-code-value{ letter-spacing:.04em }

/* APPLY: invoerveld + knop op 1 regel, volle breedte */
.wctpp-code-form{
  display:flex; gap:10px; align-items:center;
  flex-wrap:nowrap; width:100%; margin:0;
}
.wctpp-code-form.full{ justify-content:flex-start } /* vult de hele rij */
.wctpp-code-form.align-right{ justify-content:flex-end } /* voor active (remove) */

.wctpp-code-input{
  flex:1 1 auto; min-width:0;
  height:36px; line-height:36px;
  padding:6px 10px; border:1px solid #d1d5db; border-radius:6px;
}

/* Buttons (maat vergelijkbaar met Add to cart) */
.wctpp-btn{
  flex:0 0 auto;
  height:36px; line-height:34px; padding:0 14px;
  border-radius:6px; border:1px solid #111827; background:#111827; color:#fff;
  font-weight:600; cursor:pointer; display:inline-block; white-space:nowrap;
}
.wctpp-btn:hover{ background:#000; border-color:#000 }
.wctpp-btn:focus{ outline:2px solid #11182733; outline-offset:2px }

.wctpp-code-label{
  font-weight:600;
  display:inline-block;
  min-width:200px;   /* maak breder naar wens */
}

.wctpp-btn-outline{
  flex:0 0 auto;
  height:36px; line-height:34px; padding:0 14px;
  border-radius:6px; border:1px solid #9ca3af; background:#fff; color:#111827;
  font-weight:600; cursor:pointer; display:inline-block; white-space:nowrap;
}
.wctpp-btn-outline:hover{ background:#f9fafb }
.wctpp-btn-outline:focus{ outline:2px solid #9ca3af55; outline-offset:2px }