/*──────────────────────────────────────────────────────────────────────────
	FORMS
──────────────────────────────────────────────────────────────────────────*/

input,
textarea,
select,
button {
	font: inherit;
}

input,
textarea,
select {
	width: 100%;
	max-width: 100%;
	padding: 0.7rem 0.8rem;
	border: 1px solid var(--wpcore-border-color);
	border-radius: 0.25rem;
	background: #ffffff;
	color: inherit;
}

input:focus,
textarea:focus,
select:focus {
	outline: 3px solid rgb(36 87 214 / 20%);
	border-color: var(--wp--preset--color--accent);
}

textarea {
	min-height: 8rem;
	resize: vertical;
}

button,
input[type="submit"] {
	padding: 0.7rem 1.1rem;
	border: 0;
	border-radius: 0.25rem;
	background: var(--wp--preset--color--accent);
	color: #ffffff;
	font-weight: 600;
	cursor: pointer;
}

button:hover,
button:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible {
	opacity: 0.9;
}

/*--------------------------------------------------------------------------
	Forminator
--------------------------------------------------------------------------*/

.forminator-ui {
	margin-block: 2.5rem;
}

.forminator-ui .forminator-row {
	margin-bottom: 1.25rem;
}

.forminator-ui .forminator-field {
	margin: 0;
}

.forminator-ui .forminator-label {
	display: block;
	margin-bottom: 0.4rem;
	color: var(--wp--preset--color--foreground);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.4;
}

.forminator-ui .forminator-description {
	margin-top: 0.4rem;
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
	line-height: 1.5;
}

.forminator-ui .forminator-input,
.forminator-ui .forminator-textarea,
.forminator-ui .forminator-select2-selection {
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem 0.9rem;
	border: 1px solid var(--wpcore-border-color);
	border-radius: 0.25rem;
	background: #ffffff;
	color: var(--wp--preset--color--foreground);
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
}

.forminator-ui .forminator-textarea {
	min-height: 10rem;
	resize: vertical;
}

.forminator-ui .forminator-input:focus,
.forminator-ui .forminator-textarea:focus,
.forminator-ui .forminator-select2-selection:focus {
	border-color: var(--wp--preset--color--accent);
	outline: 3px solid rgb(36 87 214 / 20%);
	box-shadow: none;
}

.forminator-ui .forminator-button-submit {
	min-height: 3rem;
	padding: 0.75rem 1.25rem;
	border: 0;
	border-radius: 0.25rem;
	background: var(--wp--preset--color--accent);
	color: #ffffff;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	transition:
		opacity 150ms ease,
		transform 150ms ease;
}

.forminator-ui .forminator-button-submit:hover,
.forminator-ui .forminator-button-submit:focus-visible {
	opacity: 0.9;
	transform: translateY(-1px);
}

.forminator-ui .forminator-error-message {
	margin-top: 0.4rem;
	color: #a51d2d;
	font-size: 0.875rem;
	font-weight: 500;
}

.forminator-ui .forminator-response-message {
	margin-block: 1.25rem;
	padding: 1rem 1.25rem;
	border: 1px solid var(--wpcore-border-color);
	border-radius: 0.25rem;
	background: var(--wp--preset--color--surface);
}

.forminator-ui .forminator-response-message.forminator-success {
	border-color: #57936a;
	background: #edf7f0;
	color: #234f31;
}

.forminator-ui .forminator-response-message.forminator-error {
	border-color: #c76b76;
	background: #fff1f2;
	color: #7e1725;
}

.forminator-ui .forminator-checkbox {
	align-items: flex-start;
}

.forminator-ui .forminator-checkbox input {
	width: auto;
	margin-top: 0.25rem;
}

.forminator-ui .forminator-checkbox-label {
	line-height: 1.55;
}

.entry-content .forminator-ui,
.entry-content .forminator-custom-form {
	width: calc(100% - (2 * var(--wpcore-page-padding)));
	max-width: var(--wpcore-content-width);
	margin-inline: auto !important;
}