/* Compare Products CF7 — scoped to #prism-compare only (does not affect other forms). */

#prism-compare .prism-compare__panel {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--pc-gap, 2.5rem);
}

#prism-compare .prism-compare__intro {
	flex: 0 0 auto;
}

#prism-compare .prism-compare__form-area {
	flex: 1 1 auto;
	min-width: 0;
}

#prism-compare .prism-compare__form-area > .wpcf7 {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
}

#prism-compare .prism-compare__form-area .screen-reader-response,
#prism-compare .prism-compare__form-area .wpcf7-response-output,
#prism-compare .prism-compare__form-area .hidden-fields-container,
#prism-compare .prism-compare__form-area .wpcf7-spinner {
	display: none !important;
}

#prism-compare .prism-compare__form-area form.wpcf7-form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-areas: "compare-fields compare-submit" !important;
	align-items: center !important;
	column-gap: var(--pc-form-gap, 1.5rem) !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

#prism-compare .prism-compare__form-area form.wpcf7-form > p:empty {
	display: none !important;
}

#prism-compare .prism-compare__form-area .prism-compare__fields {
	grid-area: compare-fields !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-auto-flow: row !important;
	gap: var(--pc-fields-gap, 0.85rem) !important;
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}

#prism-compare .prism-compare__form-area .prism-compare__fields-row,
#prism-compare .prism-compare__form-area .prism-compare__form-fields {
	display: contents !important;
}

#prism-compare .prism-compare__form-area .prism-compare__fields > .wpcf7-form-control-wrap {
	display: block !important;
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}

#prism-compare .prism-compare__form-area .prism-compare__fields input.prism-compare__field,
#prism-compare .prism-compare__form-area .prism-compare__fields .wpcf7-form-control {
	display: block !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

#prism-compare .prism-compare__form-area input.wpcf7-submit.prism-compare__submit {
	grid-area: compare-submit !important;
	justify-self: end;
	align-self: center;
	margin: 0 !important;
	border: none;
	cursor: pointer;
	font-family: inherit;
	white-space: nowrap;
}

#prism-compare .prism-compare__form-area .wpcf7-form-control-wrap:not(.sphere-phone-wrap) .wpcf7-not-valid-tip {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

#prism-compare .prism-compare__form-area .wpcf7-not-valid.prism-compare__field {
	border-color: var(--sphere-orange, #e54225) !important;
}

@media (max-width: 640px) {
	#prism-compare .prism-compare__panel {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}

	#prism-compare .prism-compare__form-area form.wpcf7-form {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"compare-fields"
			"compare-submit" !important;
		row-gap: 1rem !important;
	}

	#prism-compare .prism-compare__form-area .prism-compare__fields {
		grid-template-columns: 1fr !important;
	}

	#prism-compare .prism-compare__form-area input.wpcf7-submit.prism-compare__submit {
		width: 100%;
		justify-self: stretch;
	}
}