/*
 * Sustainability - Plan.
 *
 * Read from cp-all-designer css/sustain-sustainability-framework.css
 * (.sufwprose, .sufwplan). The questions that open are the shared ones
 * (sustainability-widget.css); this sheet tunes them for a card.
 *
 * Colour, type, padding and the measures arrive from the Style tab and are not
 * repeated here.
 */

.custom-sustainability-plan .custom-sustainability-plan__intro {
	line-height: 1.85;
}

/* as many a row as fit at 320 or more */
.custom-sustainability-plan .custom-sustainability-plan__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(var(--custom-sustainability-plan-least, 320px), 1fr));
	align-items: start;
}

.custom-sustainability-plan .custom-sustainability-plan__card {
	box-sizing: border-box;
	min-width: 0;
	border: 2px solid #EEF2F7;               /* measures 1px */
	box-shadow: 0 6px 18px -6px rgba(22, 65, 140, 0.14);   /* --sh-sm */
}

.custom-sustainability-plan .custom-sustainability-plan__card-head {
	margin-bottom: 18px;
}

.custom-sustainability-plan .custom-sustainability-plan__tag {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 1000px;
	background: color-mix(in srgb, var(--custom-sus-acc-accent, #5CA13F) 12%, #FFFFFF);
	color: var(--custom-sus-acc-accent, #5CA13F);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.6;
}

/* Kadence takes the top margin off a widget's first heading (0,3,2): this stands over it */
.custom-sustainability-plan .custom-sustainability-plan__card .custom-sustainability-plan__card-head .custom-sustainability-plan__card-name {
	margin: 14px 0 0;
	font-weight: 700;
	line-height: 1.3;
}

.custom-sustainability-plan .custom-sustainability-plan__card .custom-sustainability-plan__card-head .custom-sustainability-plan__card-name:first-child {
	margin-top: 0;
}

.custom-sustainability-plan .custom-sustainability-plan__card .custom-sustainability-plan__card-head .custom-sustainability-plan__card-line {
	margin: 6px 0 0;
	line-height: 1.6;
}

/* the questions on a card: flatter, grey until open */
.custom-sustainability-plan .custom-sustainability-plan__acc {
	gap: 10px;
}

.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-item {
	border-color: transparent;
	box-shadow: none;
}

/* the Style tab writes the shut ground at (0,4,0): open, it stands over it */
.custom-sustainability-plan.custom-sustainability-plan[data-custom-partner-band] .custom-sustainability-plan__acc-item.is-open {
	border-color: color-mix(in srgb, var(--custom-sus-acc-accent, #5CA13F) 40%, #FFFFFF);
	background-color: #FFFFFF;
	box-shadow: 0 6px 18px -6px rgba(22, 65, 140, 0.14);
}

.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-head {
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
}

.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-q {
	line-height: 1.6;
}

.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-icon {
	width: 22px;
	height: 22px;
	margin-top: 2px;
}

.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-answer {
	padding: 0 16px 18px;
	line-height: 1.8;
}

@media (max-width: 1000px) {
	.custom-sustainability-plan .custom-sustainability-plan__cards {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-head {
		gap: 10px;
		padding: 14px;
	}
	.custom-sustainability-plan .custom-sustainability-plan__acc .custom-sustainability-plan__acc-answer {
		padding: 0 14px 16px;
	}
}