/* Front */
.wc-msp-field{ margin: 1rem 0; }
.wc-msp-legend{ display:block; font-weight:700; margin-bottom:.75rem; color:#111; }
.wc-msp-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
@media(min-width:480px){ .wc-msp-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
.wc-msp-opt{ position:relative; }
.wc-msp-input{ position:absolute; inset:0; opacity:0; pointer-events:none; }
.wc-msp-btn{ width:100%; display:flex; align-items:center; gap:.6rem; padding:.6rem .9rem; border:1px solid #ddd; border-radius:.6rem; background:#fff; cursor:pointer; transition:border-color .15s ease, box-shadow .15s ease; }
.wc-msp-btn:hover{ border-color:#bbb; }
.wc-msp-input:checked + .wc-msp-btn{ border-color:#111; box-shadow:0 0 0 3px rgba(0,0,0,.06); }

/* Clear "OUI/NON" badges + label text */
.wc-msp-badge{
  display:inline-block; font-weight:800; letter-spacing:.4px; text-transform:uppercase;
  font-size:12px; line-height:1; padding:.3rem .45rem; border-radius:999px;
  background:#111; color:#fff; border:1px solid rgba(0,0,0,.8);
}
.wc-msp-label{ font-weight:700; font-size:15px; color:#111; }