/**
 * TECC Donors — frontend shortcode styles.
 */

.tecc-donors-frontend {
	margin: 1.5em 0;
}

.tecc-donors-frontend .tecc-donors-empty {
	margin: 0;
}

.tecc-donors-group {
	margin: 0 0 2em;
}

.tecc-donors-group__heading {
	border-bottom: 2px solid currentColor;
	font-size: 1.25em;
	margin: 0 0 0.75em;
	padding-bottom: 0.35em;
}

.tecc-donors-group__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tecc-donors-group__item {
	align-items: baseline;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	display: grid;
	gap: 0.35rem 1rem;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
	padding: 0.55em 0;
}

.tecc-donors-group__name {
	font-weight: 600;
}

.tecc-donors-group__org {
	opacity: 0.85;
}

.tecc-donors-group__amount {
	font-variant-numeric: tabular-nums;
	justify-self: end;
	white-space: nowrap;
}

@media screen and (max-width: 600px) {
	.tecc-donors-group__item {
		grid-template-columns: 1fr auto;
	}

	.tecc-donors-group__org {
		grid-column: 1 / -1;
		order: 3;
	}

	.tecc-donors-group__amount {
		order: 2;
	}
}