/**
 * Feedback styles for the free material capture form.
 *
 * The host theme owns the visual identity. Every colour here comes from a
 * custom property the theme can redefine, and the defaults stay neutral
 * instead of importing another product's palette.
 */

.crm-leads-capture-message {
	--crm-leads-capture-accent: #b42318;
	--crm-leads-capture-surface: color-mix(in srgb, var(--crm-leads-capture-accent) 7%, #fff);
	--crm-leads-capture-radius: 0.75rem;

	box-sizing: border-box;
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0 0 1rem;
	border: 1px solid color-mix(in srgb, var(--crm-leads-capture-accent) 34%, transparent);
	border-radius: var(--crm-leads-capture-radius);
	background: var(--crm-leads-capture-surface);
	padding: 1rem;
	color: inherit;
}

.crm-leads-capture-message[data-feedback-tone="success"] {
	--crm-leads-capture-accent: #12704a;
}

.crm-leads-capture-message__badge {
	display: inline-flex;
	width: fit-content;
	min-height: 1.5rem;
	align-items: center;
	border: 1px solid color-mix(in srgb, var(--crm-leads-capture-accent) 30%, transparent);
	border-radius: 999px;
	background: color-mix(in srgb, var(--crm-leads-capture-accent) 12%, transparent);
	color: var(--crm-leads-capture-accent);
	padding: 0.25rem 0.625rem;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.crm-leads-capture-message__text {
	margin: 0;
	color: inherit;
	font-size: 0.875rem;
	line-height: 1.6;
}

.crm-leads-capture-message__action {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
}

.crm-leads-capture-message__action a {
	color: var(--crm-leads-capture-accent);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.crm-leads-capture-message[hidden] {
	display: none;
}