/* ── WooPackSculpt widget ── */
.wps-wrap {
  margin: 10px 0 14px;
  max-width: var(--wps-max-width);
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  box-sizing: border-box;
  color: var(--wps-text);
}
.wps-wrap *, .wps-wrap *::before, .wps-wrap *::after { box-sizing: border-box; }
.wps-subtitle {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--wps-muted);
  margin-bottom: 8px;
  font-weight: 600;
}
.wps-cards { display: flex; flex-direction: column; gap: var(--wps-gap); }

/* ── Card ── */
.wps-card {
  position: relative;
  border: var(--wps-card-border-w) solid var(--wps-card-border);
  border-radius: var(--wps-card-radius);
  background: var(--wps-card-bg);
  padding: var(--wps-card-pad);
  box-shadow: var(--wps-card-shadow);
  cursor: pointer;
  transition: border-color .12s, box-shadow .12s;
  overflow: hidden;
}
.wps-card input { display: none; }
.wps-card.is-selected {
  border-color: var(--wps-accent);
  box-shadow: 0 0 0 2px var(--wps-accent), 0 4px 16px rgba(0,0,0,.06);
}

/* ── Card inner layout: radio | left | right ── */
.wps-card-inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Radio button */
.wps-radio {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--wps-card-border);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .12s;
  background: #fff;
}
.wps-card.is-selected .wps-radio {
  border-color: var(--wps-accent);
  background: var(--wps-accent);
}
.wps-radio::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  display: none;
}
.wps-card.is-selected .wps-radio::after { display: block; }

/* Left: label + badge row + items */
.wps-left { flex: 1; min-width: 0; }
.wps-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.wps-label {
  font-weight: 800;
  color: var(--wps-text);
  font-size: var(--wps-label-size);
  line-height: 1.2;
  margin: 0;
}
.wps-mini {
  color: var(--wps-muted);
  font-size: 12px;
  margin-top: 4px;
  font-weight: 400;
}

/* Right: per-each price + strikethrough + save % */
.wps-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
  text-align: right;
}
.wps-price {
  font-weight: 800;
  color: var(--wps-text);
  font-size: var(--wps-price-size);
  line-height: 1.1;
}
.wps-price-each {
  font-size: 12px;
  font-weight: 500;
  color: var(--wps-muted);
}
.wps-regular {
  color: var(--wps-muted);
  font-size: 12px;
  text-decoration: line-through;
  font-weight: 400;
}
.wps-save-pct {
  font-size: 12px;
  font-weight: 700;
  color: #16a34a;
}

/* "You save $X.XX" below card-inner */
.wps-save {
  margin-top: 6px;
  font-size: 12px;
  color: var(--wps-muted);
  font-weight: 500;
  padding-left: 30px; /* align past radio */
}

/* ══════════════════════════════════════════════
   BADGE BASE — 5 Capsule styles
══════════════════════════════════════════════ */
.wps-badge {
  display: inline-block;
  font-size: var(--wps-badge-font);
  font-weight: 700;
  padding: var(--wps-badge-pad-y) var(--wps-badge-pad-x);
  border-radius: 999px;
  white-space: nowrap;
  line-height: 1.3;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: middle;
}

/* 1 — Filled Capsule */
.wps-badge--1 { background: var(--wps-accent); color: #fff; }

/* 2 — Outline Capsule */
.wps-badge--2 { background: transparent; color: var(--wps-accent); border: 2px solid var(--wps-accent); padding: calc(var(--wps-badge-pad-y) - 2px) calc(var(--wps-badge-pad-x) - 2px); }

/* 3 — Soft Fill Capsule */
.wps-badge--3 { background: color-mix(in srgb, var(--wps-accent) 14%, #fff); color: var(--wps-accent); }

/* 4 — Split Capsule (star tab + text) */
.wps-badge--4 { display: inline-flex; align-items: stretch; padding: 0; overflow: hidden; border: 2px solid var(--wps-accent); background: transparent; color: var(--wps-accent); }
.wps-badge--4::before { content: '★'; display: flex; align-items: center; justify-content: center; background: var(--wps-accent); color: #fff; padding: var(--wps-badge-pad-y) 7px; font-size: calc(var(--wps-badge-font) * 0.9); flex-shrink: 0; }
.wps-badge--4 .wps-badge-text { padding: var(--wps-badge-pad-y) var(--wps-badge-pad-x); }

/* 5 — Elevated Capsule (shadow ring) */
.wps-badge--5 { background: var(--wps-accent); color: #fff; box-shadow: 0 0 0 2px var(--wps-card-bg), 0 0 0 4px var(--wps-accent); }

/* ── Badge absolute positioning ── */
.wps-badge--pos { position: absolute !important; z-index: 4; margin: 0 !important; }
.wps-badge--top-left   { top: 10px;    left: 10px;  right: auto; bottom: auto; }
.wps-badge--top-center { top: 10px;    left: 50%;   right: auto; bottom: auto; transform: translateX(-50%); }
.wps-badge--top-right  { top: 10px;    right: 10px; left: auto;  bottom: auto; }
.wps-badge--mid-left   { top: 50%;     left: 10px;  right: auto; bottom: auto; transform: translateY(-50%); }
.wps-badge--mid-right  { top: 50%;     right: 10px; left: auto;  bottom: auto; transform: translateY(-50%); }
.wps-badge--bot-left   { bottom: 10px; left: 10px;  right: auto; top: auto; }
.wps-badge--bot-center { bottom: 10px; left: 50%;   right: auto; top: auto; transform: translateX(-50%); }
.wps-badge--bot-right  { bottom: 10px; right: 10px; left: auto;  top: auto; }
.wps-card.badge-overflows { overflow: visible; }
.wps-card--badge-top .wps-card-inner { padding-top: 34px; }
.wps-card--badge-top .wps-save { margin-top: 8px; }
.wps-card--badge-top-right .wps-right { padding-top: 4px; }

/* ── Empty cart ── */
.wps-empty-cart-wrap { margin-top: 10px; }
.wps-empty-cart-button {
  width: 100%; text-align: center; display: inline-block;
  background: var(--wps-empty-bg); color: var(--wps-empty-color);
  border: var(--wps-empty-border-w) solid var(--wps-empty-border-color);
  border-radius: var(--wps-empty-radius);
  padding: var(--wps-empty-pad-y) var(--wps-empty-pad-x);
  font-size: var(--wps-empty-font-size);
  line-height: 1.3; cursor: pointer; transition: opacity .15s; font-family: inherit;
}
.wps-empty-cart-button:hover { opacity: .88; }

/* ── Consistent card height — all tiers same size ── */
.wps-card-inner { min-height: 52px; align-items: center; }