/* FarmEasy Dataväxt — result panel. Step styles (.fe-ty__step/icon/num/text) and the
   Forminator-box resets come from farmeasy-thankyou.css; this file adds the header
   column, status badges and the two-column layout on wide containers. */

.forminator-response-message:has(.fe-ty--dv),
.fe-dv-preview__box { container-type: inline-size; }

.fe-ty--dv {
	display: grid;
	grid-template-columns: 1fr;
	gap: 26px;
	text-align: left;
}

.fe-dv__head { display: flex; flex-direction: column; align-items: center; text-align: center; }

.fe-dv__badge {
	width: 56px; height: 56px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	margin: 0 0 14px;
	background: #eef5e2; color: #64a70b;
}
.fe-dv__badge--info { background: #e6f0ec; color: #004225; }
.fe-dv__badge--warn { background: #fdf3e1; color: #b26a00; }

.fe-dv__badge::before {
	content: ""; display: block; width: 28px; height: 28px; background-color: currentColor;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: center; mask-position: center;
	-webkit-mask-size: contain; mask-size: contain;
}
.fe-dv__badge--ok::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");
}
.fe-dv__badge--info::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E");
}
.fe-dv__badge--warn::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
}

.fe-ty--dv .fe-ty__title.fe-dv__title {
	text-align: center; margin: 0 0 10px; text-wrap: balance;
}
.fe-dv__desc {
	margin: 0; font-size: 15px; line-height: 1.55; color: #3d4740;
}
.fe-ty--dv .fe-ty__text a, .fe-dv__desc a { color: #004225; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* Two columns once the container is wide enough (desktop modal / page). */
@container (min-width: 640px) {
	.fe-ty--dv {
		grid-template-columns: minmax(220px, 5fr) 7fr;
		gap: 40px;
		align-items: start;
	}
	.fe-dv__head { padding-top: 4px; align-items: flex-start; text-align: left; }
	.fe-ty--dv .fe-ty__title.fe-dv__title { text-align: left; }
	.fe-dv__badge { width: 64px; height: 64px; }
	.fe-dv__badge::before { width: 32px; height: 32px; }
}

/* Preview page helpers ([farmeasy_datavaxt_panel_preview]). */
.fe-dv-preview__h { font-size: 14px; text-transform: uppercase; letter-spacing: .08em; color: #777; margin: 40px 0 12px; }
.fe-dv-preview__row { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-start; }
.fe-dv-preview__box { background: #fff; border: 1px dashed #c9d3c0; padding: 24px; box-sizing: border-box; }
.fe-dv-preview__box--wide { flex: 1 1 640px; max-width: 760px; }
.fe-dv-preview__box--phone { flex: 0 0 360px; width: 360px; }