/* FarmEasy Thank-You — success panel shown in place of registration forms.
   Scoped to .fe-ty; the :has() rules neutralise Forminator's default green
   success box so the panel sits directly on the white modal background. */

.forminator-ui.forminator-custom-form .forminator-response-message.forminator-success:has(.fe-ty),
.forminator-response-message.forminator-success:has(.fe-ty) {
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	/* Material design draws the card shadow AND the green accent bar with one
	   inset box-shadow — both must go. */
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	padding: 10px 0 0 !important;
	margin: 0 !important;
	text-align: left;
}

/* Once the panel exists (only after a successful submit), hide the modal's
   intro text elements and spacers so the thank-you message stands alone.
   :has() scopes this to the one modal containing the submitted form; kontaktai
   modals never contain .fe-ty, so they are never affected. */
.wtbx_modal_inner:has(.forminator-response-message.forminator-success .fe-ty) > .wtbx_vc_text_element,
.wtbx_modal_inner:has(.forminator-response-message.forminator-success .fe-ty) > .wtbx_vc_empty_space {
	display: none;
}

.fe-ty {
	text-align: left;
	color: #151221;
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.fe-ty__badge {
	width: 64px;
	height: 64px;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: #eef5e2;
	color: #64a70b;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Icons live in CSS as mask data-URIs because Forminator's AJAX response is
   passed through wp_kses_post(), which strips inline <svg>. */
.fe-ty__badge::before,
.fe-ty__icon::before {
	content: "";
	display: block;
	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-ty__badge::before {
	width: 30px;
	height: 30px;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.5 5.5L20 6.5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5.5 5.5L20 6.5'/%3E%3C/svg%3E");
}

.fe-ty__icon::before {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 20px;
	height: 20px;
}

.fe-ty__icon--mail::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 7l8.5 6 8.5-6'/%3E%3C/svg%3E");
}

.fe-ty__icon--tap::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11V5.5a1.5 1.5 0 013 0V10'/%3E%3Cpath d='M12 10V8.5a1.5 1.5 0 013 0V11'/%3E%3Cpath d='M15 11v-.5a1.5 1.5 0 013 0V14c0 3.5-2 6-5.5 6-2.8 0-4.2-1.3-5.6-3.6L5.2 13.6a1.4 1.4 0 012.3-1.5L9 14'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11V5.5a1.5 1.5 0 013 0V10'/%3E%3Cpath d='M12 10V8.5a1.5 1.5 0 013 0V11'/%3E%3Cpath d='M15 11v-.5a1.5 1.5 0 013 0V14c0 3.5-2 6-5.5 6-2.8 0-4.2-1.3-5.6-3.6L5.2 13.6a1.4 1.4 0 012.3-1.5L9 14'/%3E%3C/svg%3E");
}

.fe-ty__icon--phone::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3Cpath d='M10.2 9.5c1.8 0 3.6-1.2 3.6-3.2-2 0-3.6 1.4-3.6 3.2zM10.2 9.5v3'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2.5' width='10' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3Cpath d='M10.2 9.5c1.8 0 3.6-1.2 3.6-3.2-2 0-3.6 1.4-3.6 3.2zM10.2 9.5v3'/%3E%3C/svg%3E");
}

.fe-ty__icon--headset::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 012 2v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a9 9 0 0118 0v5a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3'/%3E%3Cpath d='M21 16v2a4 4 0 01-4 4h-5'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h3a2 2 0 012 2v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a9 9 0 0118 0v5a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3'/%3E%3Cpath d='M21 16v2a4 4 0 01-4 4h-5'/%3E%3C/svg%3E");
}

.fe-ty__title {
	font-size: 24px;
	font-weight: 700;
	color: #004225;
	text-align: center;
	margin: 0 0 28px;
	letter-spacing: -0.01em;
	line-height: 1.25;
	text-wrap: balance;
}

.fe-ty__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.fe-ty__step {
	position: relative;
	display: grid;
	grid-template-columns: 44px 1fr;
	column-gap: 18px;
	padding: 0 0 26px;
	margin: 0;
}

.fe-ty__step:last-child {
	padding-bottom: 0;
}

.fe-ty__step::before {
	content: "";
	position: absolute;
	left: 21px;
	top: 48px;
	bottom: 4px;
	width: 2px;
	background: #e2e8d8;
}

.fe-ty__step:last-child::before {
	display: none;
}

.fe-ty__icon {
	position: relative;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #f3f7ea;
	border: 1px solid #dfe8cf;
	color: #4d820a;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: none;
}

.fe-ty__num {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #64a70b;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

.fe-ty__text {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #3d4740;
	text-transform: none;
	font-weight: 400;
	/* Center the text against the icon; only affects blocks shorter than the
	   icon (single-line steps) — taller multi-line blocks are unchanged. */
	min-height: 44px;
	align-content: center;
}

.fe-ty__text strong {
	color: #151221;
	font-weight: 600;
}

@media (max-width: 480px) {
	.fe-ty__badge {
		width: 54px;
		height: 54px;
	}

	.fe-ty__badge::before {
		width: 26px;
		height: 26px;
	}

	.fe-ty__title {
		font-size: 20px;
		margin-bottom: 22px;
	}

	.fe-ty__step {
		grid-template-columns: 38px 1fr;
		column-gap: 14px;
	}

	.fe-ty__icon {
		width: 38px;
		height: 38px;
	}

	.fe-ty__icon::before {
		width: 17px;
		height: 17px;
	}

	.fe-ty__step::before {
		left: 18px;
		top: 42px;
	}

	.fe-ty__text {
		font-size: 14px;
		min-height: 38px;
	}
}