/********** GRAVITY FORM **********/
.gform_validation_container,
.gform_validation_errors,
.gform_heading,
.gfield_visibility_hidden,
.hidden_label legend,
.admin-hidden-markup {
	display: none;
}
.gform_wrapper form {
	position: relative;
}

.gfield:not(.gfield--type-consent) label {
	color: #333;
	display: block;
	margin-bottom: 0.5rem;
}

.gfield textarea {
	field-sizing: content;
	min-height: 8rem;
	padding: 0.875rem 0 0.4375rem;
}
.gfield--type-consent {
	margin: 0 0 1rem;
	padding: 0 0 0 2rem;
	border: 0;
	line-height: 1.2;
	display: inline-block;
}

.gfield
	:is(
		input[type='text'],
		input[type='email'],
		input[type='tel'],
		textarea,
		input[type='text']:focus-visible,
		input[type='email']:focus-visible,
		input[type='tel']:focus-visible,
		textarea:focus-visible
	) {
	background-color: #fff;
	border: 0.0625rem solid #bbb;
	border-radius: 0.5rem;
	color: #000;
	padding: 1rem;
	width: 100%;
}
.gfield.gfield_error :is(input:not([type='checkbox']), textarea, select) {
	border-color: var(--wp--preset--color--mandarin);
}

/* layout */
.gform_wrapper .gform_fields {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 4.4643)), 3.375rem);
}
.gform_wrapper .gfield {
	grid-column: 1/-1;
}

@media (width > 40rem) {
	.gform_wrapper .gfield.gfield--width-half {
		grid-column: span 1;
	}
}

/* Custom checkbox */
.gform_wrapper input[type='checkbox'] {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
.gform_wrapper .ginput_container_consent label {
	cursor: pointer;
	position: relative;
	&::before {
		background: #fff;
		border: 0.0625rem solid #bbb;
		content: '';
		position: absolute;
		left: -2rem;
		top: 0.25rem;
		width: 1rem;
		height: 1rem;
		transition: 0.2s linear;
	}
	&::after {
		border-right: 0.125rem solid var(--wp--preset--color--green);
		border-top: 0.125rem solid var(--wp--preset--color--green);
		width: 0.375rem;
		height: 0.625rem;
		content: '';
		position: absolute;
		top: 0.75rem;
		left: -1.825rem;
		transform: scaleX(-1) rotate(135deg);
		transform-origin: left top;
		display: none;
	}
}
@keyframes --checkmark {
	0% {
		height: 0;
		width: 0;
	}
	25% {
		height: 0;
		width: 0.375rem;
	}
	50% {
		height: 0.625rem;
		width: 0.375rem;
	}
}
.gfield--type-consent input[type='checkbox']:checked + .gfield_consent_label::after {
	animation: --checkmark 0.5s ease 0s running;
	display: block;
}
/* END Custom checkbox */

.gfield_description {
	font-size: 0.75rem;
}
.gfield_validation_message {
	color: var(--wp--preset--color--mandarin);
	font-weight: 500;
	line-height: 1;
}
.ginput_container_textarea + .gfield_validation_message {
	margin-top: -0.25rem;
}

.gform_footer.top_label {
	margin-top: 2rem;
}
.gform_button {
	border-radius: 0.625rem;
	border: 0.0625rem solid var(--wp--preset--color--slate);
	color: var(--wp--preset--color--slate);
	font:
		400 1.5rem / 1 Gilroy,
		sans-serif;
	padding: 1rem 2.5rem;
}

.gform-loader {
	align-self: center;
	animation: gformLoader 1.1s infinite linear;
	width: 1.25rem;
	height: 1.25rem;
	border: 0.1375rem solid var(--wp--preset--color--green);
	border-top-color: var(--wp--preset--color--mandarin);
	border-left-color: var(--wp--preset--color--aqua);
	border-radius: 50%;
	display: inline-block;
	position: relative;
	left: 1;
	transform: translateZ(0);
}
@keyframes gformLoader {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* gform confirmation */
.gform_confirmation_message {
}
