/*
 * GDC Membership — frontend styles owned by the plugin (loaded by GDC_Scripts).
 *
 * The theme (gdc-child pages.css) styles the base checkout picker cards.
 * This sheet covers markup introduced by the plugin that the theme does not
 * know about: level-group sections and card state badges/notes.
 */

.gdc-checkout-level-group {
	margin-bottom: 2rem;
}

.gdc-checkout-level-group:last-child {
	margin-bottom: 0;
}

.gdc-checkout-level-group__name {
	margin: 0 0 0.35rem;
	font-size: 1.15rem;
	color: var(--gdc-navy-900, #0b2545);
}

.gdc-checkout-level-group__desc {
	margin: 0 0 1rem;
	color: var(--gdc-muted, #718096);
}

.gdc-checkout-level-group__note {
	margin: 0 0 1rem;
	padding: 0.6rem 0.9rem;
	border-left: 3px solid var(--gdc-gold, #c9a227);
	background: #fdf8e7;
	color: #6b5a15;
	font-size: 0.875rem;
	border-radius: 0 8px 8px 0;
}

.gdc-checkout-level--current {
	border-color: #2f855a;
	box-shadow: 0 0 0 1px #2f855a inset;
}

.gdc-checkout-level__current {
	display: inline-block;
	margin-bottom: 8px;
	padding: 3px 10px;
	font-size: 12px;
	font-weight: 600;
	color: #2f855a;
	background: #e7f6ec;
	border-radius: 999px;
}

.gdc-checkout-level__replace {
	margin: 0 0 8px;
	font-size: 12px;
	color: var(--gdc-muted, #718096);
}

.gdc-checkout-level-group .gdc-checkout-levels {
	margin-top: 0.75rem;
}