/* Wrapper spacing */
.moac2-ui { margin: 12px 0; }

/* Group title */
.moac2-group-title { font-weight: 600; margin-bottom: 6px; }

.moac2-input-label { display:block; font-size:13px; margin:4px 0; color:#555; }

/* Lines */
.moac2-line { display:flex; align-items:center; gap:8px; margin-bottom:6px; }

/* Multiselect as rows: checkbox -> title -> qty */
.moac2-ms-row { display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.moac2-ms-title { margin:0; }

/* Qty containers */
.moac2-qty { margin-left:auto; display:inline-flex; align-items:center; gap:8px; }
.moac2-qty.is-hidden { display: none !important; } /* NEW: replaces inline display none */

/* Inputs */
.moac2-select { width: 100%; }
.moac2-qty-input { width: 110px; max-width: 40vw; }
.moac2-qty-input[disabled] { opacity: .6; cursor: not-allowed; }

/* Responsive grid for groups */
.moac2-groups-ui { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 768px) {
  .moac2-groups-ui { grid-template-columns: 1fr; }
}

/* Modal */
.moac2-modal { position: fixed; inset: 0; z-index: 9999; }
.moac2-modal__overlay { position:absolute; inset:0; background: rgba(0,0,0,.45); }
.moac2-modal__dialog { position:relative; width:min(800px, 95vw); max-height:90vh; margin:5vh auto; background:#fff; border-radius:12px; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.2); }
.moac2-modal__header, .moac2-modal__footer { padding:12px 16px; border-bottom:1px solid #eee; }
.moac2-modal__footer { border-bottom:0; border-top:1px solid #eee; display:flex; justify-content:flex-end; gap:8px; }
.moac2-modal__body { padding:16px; overflow:auto; }

/* Popup button */
.moac2-ui-popup .moac2-open-modal { margin-bottom:10px; }

/* Elementor-friendly form widths */
.woocommerce div.product form.cart .moac2-ui select,
.woocommerce div.product form.cart .moac2-ui input[type=number] { max-width: 100%; }