/* ===== Plan Select (add-site.php) ===== */
.plan-select-wrap {
	display: flex;
	gap: var(--st-space-3);
	flex-wrap: wrap;
	margin-top: var(--st-space-2);
}

.plan-option {
	cursor: pointer;
	flex: 1;
	min-width: 140px;
	max-width: 180px;
}

.plan-option input[type="radio"] {
	display: none;
}

.plan-option:hover .plan-card {
	border-color: var(--st-primary);
	box-shadow: 0 4px 12px rgba(0, 176, 237, 0.15);
}

.plan-option input[type="radio"]:checked+.plan-card {
	border-color: var(--st-primary);
	box-shadow: 0 4px 12px rgba(0, 176, 237, 0.2);
}

.plan-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--st-text-primary);
	margin-bottom: var(--st-space-2);
}

.plan-price {
	font-size: 18px;
	font-weight: 600;
	color: var(--st-primary);
	margin-bottom: var(--st-space-2);
}

.plan-credit {
	font-size: var(--st-font-size-sm);
	color: var(--st-text-muted);
}

.plan-price-vat {
	font-size: 12px;
	font-weight: 400;
	color: var(--st-text-lightest);
	margin-top: 2px;
}

.plan-option.disabled {
	cursor: not-allowed;
	opacity: 0.6;
}

.plan-option.disabled .plan-card {
	background: var(--st-bg-secondary);
	border-color: var(--st-border-lighter);
}

.plan-option.disabled:hover .plan-card {
	border-color: var(--st-border-lighter);
	box-shadow: none;
}

.plan-disabled-notice {
	font-size: var(--st-font-size-xs);
	color: var(--st-danger);
	margin-top: var(--st-space-2);
	font-weight: 600;
}

.plan-prorated-info {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px dashed var(--st-border);
}

.plan-prorated-info .prorated-row {
	font-size: 12px;
	font-weight: 500;
}

.plan-prorated-info .prorated-row.credit {
	color: var(--st-warning-hover);
}

.plan-prorated-info .prorated-row.price {
	color: var(--st-primary);
	margin-top: var(--st-space-1);
}

.plan-prorated-info .prorated-vat {
	font-size: 10px;
	color: var(--st-text-muted);
	margin-left: 2px;
}

.prorated-badge {
	display: inline-block;
	background: var(--st-warning-light);
	color: #92400e;
	font-size: 10px;
	padding: 1px 6px;
	border-radius: var(--st-radius-xs);
	margin-left: var(--st-space-1);
	font-weight: 600;
}