.wpcb-configurator-field-summary {
	height: 0;
	margin: 0;
	overflow: hidden;
	
	&.active {
		display: block;
		height: inherit;
		margin: 8px 0;
	}

	&:empty {
		margin: 0;
	}

	.wpcb-option-summary {
		display: flex;
		background-color: $template_accent;
		padding: 8px 14px;
		border-radius: 8px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	p {
		color: $template_color;
	}

	.wpcb-option-details {
		p {
			line-height: 1;
		}
	}

	.wpcb-option-totals {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 8px;

		@media (min-width: 768px) {
			gap: 20px;
		}

		.wpcb-view-option-details {
			margin: 0;
		}
	}
}

.wpcb-configurator-field.wpcb-collapsed {
	.wpcb-configurator-field-note {
		display: none;
	}
	
	.wpcb-configurator-field-summary.active {
		margin: 0;
	}
}
