/* WPD Bulk Variations Grid */
.wbv{margin:0 0 24px}
.wbv-box{border:1px solid #e2e5e9;border-radius:8px;padding:16px;background:#fff}

.wbv-design-banner{display:flex;align-items:center;gap:12px;background:#eaf3fd;border:1px solid #c6dff7;border-radius:6px;padding:10px 12px;margin-bottom:14px;font-size:14px}
.wbv-design-banner img{width:44px;height:44px;object-fit:contain;background:#fff;border:1px solid #d7dde4;border-radius:4px}
.wbv-design-banner label{margin:0;display:flex;align-items:center;gap:8px;cursor:pointer}
.wbv-design-fee{color:#1d6fd1;font-weight:600}
.wbv-design-banner.wbv-muted{background:#f6f7f9;border-color:#e2e5e9;color:#555}
.wbv-designer-btn{margin:0 0 20px}

.wbv-attr{margin-bottom:12px}
.wbv-attr-label{font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;color:#1a3a5c}
.wbv-attr-value{font-size:13px;color:#333;margin-left:6px}
.wbv-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.wbv-pill{border:1px solid #d7dde4;background:#f6f7f9;border-radius:20px;padding:6px 14px;font-size:13px;cursor:pointer;line-height:1.2;transition:all .12s}
.wbv-pill:hover{border-color:#4c8bf5}
.wbv-pill.wbv-on{border-color:#1d6fd1;background:#1d6fd1;color:#fff}
.wbv-pill-color{width:34px;height:34px;border-radius:50%;padding:0;border:2px solid #d7dde4;box-shadow:inset 0 0 0 2px #fff}
.wbv-pill-color:hover{transform:scale(1.08)}
.wbv-pill-color.wbv-on{border-color:#1d6fd1;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px rgba(29,111,209,.35)}

.wbv-table-wrap{overflow-x:auto;margin-top:6px}
.wbv-table{width:auto;min-width:60%;border-collapse:collapse;margin:0}
.wbv-table th,.wbv-table td{border:0;padding:8px 10px;text-align:center;font-size:14px;white-space:nowrap}
.wbv-table thead th{font-weight:700;color:#111}
.wbv-table .wbv-first{text-align:left;font-weight:700;color:#1a3a5c;min-width:120px}
.wbv-qty{width:72px;text-align:center;padding:8px 6px;border:1px solid #cfd6dd;border-radius:4px}
.wbv-qty:disabled{background:#f3f4f6;cursor:not-allowed}
.wbv-stock-row td{color:#8a919a;font-size:13px}
.wbv-price-row td{font-weight:600;color:#111}
.wbv-price-row .wbv-first{font-weight:700}

/* Tier pricing */
.wbv-price-row .wbv-was{color:#9aa1a9;font-weight:400;font-size:13px;margin-right:4px}
.wbv-price-row .wbv-now{color:#1e6b2e;font-weight:700}
.wbv-tiers{margin-top:14px;background:#f8f9fb;border:1px solid #e7eaee;border-radius:6px;padding:10px 12px;font-size:13px}
.wbv-tiers strong{color:#1a3a5c}
.wbv-tier-note{color:#8a919a;font-size:12px;margin-left:6px}
.wbv-tiers ul{list-style:none;margin:8px 0 0;padding:0}
.wbv-tiers li{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:3px 0}
.wbv-tier-size{min-width:56px;font-weight:700;color:#1a3a5c}
.wbv-tier{color:#333;white-space:nowrap}
.wbv-tier em{font-style:normal;color:#8a919a;margin-right:4px}

.wbv-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;border-top:1px solid #eef0f3;padding-top:14px}
.wbv-msg{flex:1;font-size:13px;color:#2e7d32;min-width:160px}
.wbv-msg.wbv-err{color:#c0392b}
.wbv-totals{font-size:15px;color:#333}
.wbv-add{cursor:pointer}

@media (max-width:600px){
	.wbv-table th,.wbv-table td{padding:6px}
	.wbv-qty{width:58px}
}