/**
 * Cool FormKit — submit spinner + success/error message icons (self-contained).
 */

@keyframes cool-form-spin {
	to {
		transform: rotate(360deg);
	}
}

.cool-form .elementor-form-spinner {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-inline-end: 0.4em;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	vertical-align: -0.125em;
	animation: cool-form-spin 0.65s linear infinite;
	box-sizing: border-box;
}

.cool-form .elementor-message,
.cool-form .elementor-message-svg {
	position: relative;
	padding-inline-start: 1.75em;
}

.cool-form .elementor-message::before,
.cool-form .elementor-message-svg::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	top: 0.15em;
	width: 1.15em;
	height: 1.15em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.cool-form .elementor-message-success::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%2328a745' stroke-width='2'/%3E%3Cpath d='M7 12.5l3 3 7-7' stroke='%2328a745' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.cool-form .elementor-message-danger::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23dc3545' stroke-width='2'/%3E%3Cpath d='M12 7v6M12 16.5h.01' stroke='%23dc3545' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}