form {
	ul,
	ol {
		padding: 0;
	}
}

button,
input[type="submit"] {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: var(--btn-radius);
	background: none;
	cursor: pointer;
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea {
	padding: var(--spacing-3);
	width: 100%;
	max-width: 500px;
	border: 1px solid var(--gray-100);

	&.large {
		max-width: none;
	}
}

/* https://raw.githubusercontent.com/filamentgroup/select-css/master/src/select-css.css */
select {
	cursor: pointer;
	display: block;
	color: var(--black);
	padding: var(--spacing-3);
	width: 100%;
	max-width: 100%;
	margin: 0;
	border: 1px solid var(--gray-100);
	appearance: none;
	background-color: var(--white);
	border-radius: 0;
	background-image: url("../../images/chevron.svg");
	background-repeat: no-repeat, repeat;
	background-position:
		right var(--spacing-3) top 50%,
		0 0;
	background-size:
		0.65em auto,
		100%;

	&::-ms-expand {
		display: none;
	}

	&:hover {
		border-color: var(--gray-400);
	}

	&:focus {
		box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
		/* biome-ignore lint: needed for old browsers */
		box-shadow: 0 0 0 3px -moz-mac-focusring;
		color: var(--gray-400);
		outline: none;
	}

	option {
		font-weight: normal;
	}

	*[dir="rtl"] &,
	:root:lang(ar) &,
	:root:lang(iw) & {
		background-position:
			left 0.7em top 50%,
			0 0;
		padding: 0.6em 0.8em 0.5em 1.4em;
	}

	&:disabled,
	&[aria-disabled="true"] {
		color: graytext;
	}

	&:disabled:hover,
	&[aria-disabled="true"] {
		border: 1px solid var(--gray-400);
		cursor: auto;
	}
}

label {
	margin-bottom: var(--spacing-3);
	display: inline-block;

	&[for] {
		cursor: pointer;
	}
}

body .gform_wrapper .top_label input.datepicker {
	width: 100%;
}

.gform_confirmation_message {
	border: 1px solid var(--gray-400);
	background-color: var(--gray-100);
	padding: var(--wp--preset--spacing--30);
}