/**
 * WPForms Choice Limit – Frontend Styles
 * Visually disables full choices and adds capacity indicators.
 */

/* ── Full choice (disabled) ─────────────────────────────────── */

.wpfcl-choice-full {
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
}

.wpfcl-choice-full label {
	color: #999 !important;
	text-decoration: line-through;
	text-decoration-color: #bbb;
	cursor: not-allowed !important;
}

.wpfcl-choice-full input[type="radio"],
.wpfcl-choice-full input[type="checkbox"] {
	cursor: not-allowed !important;
}

/* ── Available choice (has spots remaining) ─────────────────── */

.wpfcl-choice-available label {
	/* No special styling – just ensure normal display */
}

/* ── Capacity badge (appended to label text) ────────────────── */

.wpfcl-limit-info {
	display: inline-block;
	font-size: 0.8em;
	font-weight: 600;
	padding: 1px 8px;
	border-radius: 10px;
	margin-left: 6px;
	vertical-align: middle;
	letter-spacing: 0.02em;
	line-height: 1.6;
}

.wpfcl-limit-info--full {
	background: #fecaca;
	color: #991b1b;
	text-decoration: none !important;
}

.wpfcl-limit-info--available {
	background: #d1fae5;
	color: #065f46;
}

/* ── Select / dropdown disabled options ─────────────────────── */

select.wpforms-field-medium option:disabled,
select.wpforms-field-large option:disabled {
	color: #999;
	background: #f5f5f5;
}