/*
 * TradeKit Form Design system.
 * Scoped base + WPForms adapter.
 */

:where(.tk-form-theme, .tk-form) {
	--tk-form-surface-bg: var(--wp--preset--color--light);
	--tk-form-surface-border: rgba(15, 23, 42, 0.14);
	--tk-form-field-bg: #fff;
	--tk-form-field-text: var(--wp--preset--color--dark);
	--tk-form-field-placeholder: rgba(15, 23, 42, 0.55);
	--tk-form-field-border: rgba(15, 23, 42, 0.24);
	--tk-form-focus: var(--wp--preset--color--accent);
	--tk-form-error: #b42318;
	--tk-form-success: #027a48;
	--tk-form-label-color: var(--wp--preset--color--dark);
	--tk-form-help-color: rgba(15, 23, 42, 0.72);
	--tk-form-required-color: var(--tk-form-error);
	--tk-form-link-color: var(--wp--preset--color--primary);
	--tk-form-intro-title-color: var(--wp--preset--color--dark);
	--tk-form-intro-description-color: var(--tk-form-help-color);
	--tk-form-intro-gap: 8px;
	--tk-form-intro-to-fields-gap: 16px;
	--tk-form-choice-selected: var(--wp--preset--color--primary);
	--tk-form-button-bg: var(--wp--preset--color--primary);
	--tk-form-button-text: var(--wp--preset--color--light);
	--tk-form-button-border: var(--tk-form-button-bg);
	--tk-form-button-hover-bg: color-mix(in srgb, var(--tk-form-button-bg) 88%, #000 12%);
	--tk-form-button-hover-text: var(--tk-form-button-text);
	--tk-form-button-hover-border: color-mix(in srgb, var(--tk-form-button-border) 86%, #000 14%);
	--tk-form-message-error-bg: color-mix(in srgb, var(--tk-form-error) 14%, transparent);
	--tk-form-message-success-bg: color-mix(in srgb, var(--tk-form-success) 15%, transparent);
	--tk-form-message-border-alpha: 38%;
	--tk-form-radius: 8px;
	--tk-form-input-radius: var(--tk-form-radius);
	--tk-form-row-gap: 20px;
	--tk-form-control-height: 52px;
	--tk-form-control-pad-x: 16px;
	--tk-form-focus-ring: 3px;
	--tk-form-choice-size: 19px;
	--tk-form-choice-gap: 10px;
	--tk-form-wrapper-pad: 24px;
	--tk-form-button-height: 52px;
	--tk-form-layout-max-inline-size: 100%;
}

.tk-form-intro-title-size-small {
	--tk-form-intro-title-size: clamp(1.2rem, 2vw, 1.35rem);
}

.tk-form-intro-title-size-standard {
	--tk-form-intro-title-size: clamp(1.38rem, 2.3vw, 1.62rem);
}

.tk-form-intro-title-size-large {
	--tk-form-intro-title-size: clamp(1.55rem, 2.8vw, 1.95rem);
}

.tk-form-intro-title-style-regular {
	--tk-form-intro-title-weight: 500;
}

.tk-form-intro-title-style-semibold {
	--tk-form-intro-title-weight: 650;
}

.tk-form-intro-title-style-bold {
	--tk-form-intro-title-weight: 760;
}

.tk-form-intro-description-size-small {
	--tk-form-intro-description-size: 0.92rem;
}

.tk-form-intro-description-size-standard {
	--tk-form-intro-description-size: 1rem;
}

.tk-form-intro-description-size-large {
	--tk-form-intro-description-size: 1.08rem;
}

.tk-form-intro-description-style-muted {
	--tk-form-intro-description-weight: 400;
	--tk-form-intro-description-opacity: 0.82;
}

.tk-form-intro-description-style-regular {
	--tk-form-intro-description-weight: 500;
	--tk-form-intro-description-opacity: 0.96;
}

.tk-form-intro-description-style-strong {
	--tk-form-intro-description-weight: 600;
	--tk-form-intro-description-opacity: 1;
}

.tk-form-intro-stack-compact {
	--tk-form-intro-gap: 1px;
}

.tk-form-intro-stack-standard {
	--tk-form-intro-gap: 10px;
}

.tk-form-intro-stack-spacious {
	--tk-form-intro-gap: 18px;
}

.tk-form-intro-spacing-compact {
	--tk-form-intro-to-fields-gap: -10px;
}

.tk-form-intro-spacing-standard {
	--tk-form-intro-to-fields-gap: 14px;
}

.tk-form-intro-spacing-spacious {
	--tk-form-intro-to-fields-gap: 30px;
}

.tk-form-geometry-clean {
	--tk-form-radius: 4px;
	--tk-form-input-radius: 4px;
}

.tk-form-geometry-soft {
	--tk-form-radius: 14px;
	--tk-form-input-radius: 12px;
}

.tk-form-geometry-cut {
	--tk-form-radius: 2px;
	--tk-form-input-radius: 2px;
}

.tk-form-field-size-compact {
	--tk-form-control-height: 42px;
	--tk-form-button-height: 42px;
}

.tk-form-field-size-standard {
	--tk-form-control-height: 52px;
	--tk-form-button-height: 52px;
}

.tk-form-field-size-large {
	--tk-form-control-height: 56px;
	--tk-form-button-height: 56px;
}

.tk-form-field-density-compact {
	--tk-form-control-pad-x: 12px;
}

.tk-form-field-density-spacious {
	--tk-form-control-pad-x: 16px;
	--tk-form-control-height: 56px;
	--tk-form-button-height: 56px;
}

.tk-form-density-compact {
	--tk-form-row-gap: 16px;
	--tk-form-wrapper-pad: 18px;
}

.tk-form-density-standard {
	--tk-form-row-gap: 20px;
	--tk-form-wrapper-pad: 24px;
}

.tk-form-density-spacious {
	--tk-form-row-gap: 22px;
	--tk-form-wrapper-pad: 28px;
}

.tk-form-row-gap-compact {
	--tk-form-row-gap: 2px;
}

.tk-form-row-gap-standard {
	--tk-form-row-gap: 20px;
}

.tk-form-row-gap-spacious {
	--tk-form-row-gap: 24px;
}

.tk-form-layout-width-condensed {
	--tk-form-layout-max-inline-size: 78%;
}

.tk-form-layout-width-standard {
	--tk-form-layout-max-inline-size: 88%;
}

.tk-form-layout-width-spacious {
	--tk-form-layout-max-inline-size: 100%;
}

.tk-form-choice-size-standard {
	--tk-form-choice-size: 19px;
}

.tk-form-choice-size-large {
	--tk-form-choice-size: 22px;
}

.tk-form-choice-spacing-standard {
	--tk-form-choice-gap: 10px;
}

.tk-form-choice-spacing-tight {
	--tk-form-choice-gap: 8px;
}

.tk-form-choice-spacing-relaxed {
	--tk-form-choice-gap: 14px;
}

.tk-form-label-weight-regular {
	--tk-form-label-weight: 500;
}

.tk-form-label-weight-medium {
	--tk-form-label-weight: 600;
}

.tk-form-label-weight-semibold {
	--tk-form-label-weight: 700;
}

.tk-form-wrap-card,
.tk-form-wrap-bordered,
.tk-form-wrap-brand-panel,
.tk-form.tk-form-theme,
.wpforms-container.tk-form-theme {
	border-radius: var(--tk-form-radius);
}

.tk-form-wrap-card,
.wpforms-container.tk-form-theme.tk-form-wrap-card,
.tk-form.tk-form-wrap-card {
	background: var(--tk-form-surface-bg);
	border: 1px solid var(--tk-form-surface-border);
	box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
}

.tk-form-wrap-bordered,
.wpforms-container.tk-form-theme.tk-form-wrap-bordered,
.tk-form.tk-form-wrap-bordered {
	background: var(--tk-form-surface-bg);
	border: 1px solid var(--tk-form-surface-border);
}

.tk-form-wrap-brand-panel,
.wpforms-container.tk-form-theme.tk-form-wrap-brand-panel,
.tk-form.tk-form-wrap-brand-panel {
	background: linear-gradient(160deg, color-mix(in srgb, var(--tk-form-surface-bg) 88%, #000 12%), var(--tk-form-surface-bg));
	border:
		1px solid
		color-mix(in srgb, var(--tk-form-surface-border) 72%, transparent);
	box-shadow: 0 22px 42px rgba(15, 23, 42, 0.16);
}

.tk-form-wrap-spacing-compact {
	--tk-form-wrapper-pad: 16px;
}

.tk-form-wrap-spacing-standard {
	--tk-form-wrapper-pad: 24px;
}

.tk-form-wrap-spacing-spacious {
	--tk-form-wrapper-pad: 30px;
}

.tk-form-button-size-standard {
	--tk-form-button-height: 52px;
}

.tk-form-button-size-large {
	--tk-form-button-height: 58px;
}

.wpforms-container.tk-form-theme.tk-form-wrap-none,
.tk-form.tk-form-wrap-none {
	background: transparent;
	border: 0;
	box-shadow: none;
}

.wpforms-container.tk-form-theme,
.tk-form {
	padding: var(--tk-form-wrapper-pad);
}

.wpforms-container.tk-form-theme,
.wpforms-container-full.tk-form-theme {
	max-width: 100%;
	width: 100%;
}

.wpforms-container-full.tk-form-theme {
	--wpforms-background-color: transparent;
	--wpforms-background-url: none;
	--wpforms-container-padding: var(--tk-form-wrapper-pad);
	--wpforms-container-border-style: solid;
	--wpforms-container-border-width: 0px;
	--wpforms-container-border-color: transparent;
	--wpforms-container-border-radius: 0px;
	--wpforms-container-shadow-size-box-shadow: none;
	--wpforms-field-size-input-height: var(--tk-form-control-height);
	--wpforms-field-size-font-size: 1rem;
	--wpforms-field-size-input-spacing: 8px;
	--wpforms-field-size-padding-h: 0 var(--tk-form-control-pad-x);
	--wpforms-field-border-style: solid;
	--wpforms-field-border-size: 1px;
	--wpforms-field-border-radius: var(--tk-form-input-radius);
	--wpforms-field-border-color: var(--tk-form-field-border);
	--wpforms-field-background-color: var(--tk-form-field-bg);
	--wpforms-field-text-color: var(--tk-form-field-text);
	--wpforms-label-color: var(--tk-form-label-color);
	--wpforms-label-sublabel-color: var(--tk-form-help-color);
	--wpforms-label-error-color: var(--tk-form-error);
	--wpforms-button-size-height: var(--tk-form-button-height);
	--wpforms-button-size-font-size: 1rem;
	--wpforms-button-size-padding-h: 22px;
	--wpforms-button-border-style: solid;
	--wpforms-button-border-size: 1px;
	--wpforms-button-border-radius: var(--tk-form-input-radius);
	--wpforms-button-border-color: var(--tk-form-button-border);
	--wpforms-button-background-color: var(--tk-form-button-bg);
	--wpforms-button-text-color: var(--tk-form-button-text);
}

.wpforms-container-full.tk-form-theme:not(:empty) {
	padding: var(--tk-form-wrapper-pad) !important;
}

.tk-form :is(.wpforms-container, .wpforms-container-full).tk-form-theme {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.wpforms-container.tk-form-theme .wpforms-form,
.wpforms-container-full.tk-form-theme .wpforms-form,
.tk-form :where(form) {
	color: var(--tk-form-field-text);
	font-size: 1rem;
	margin-inline: auto;
	max-inline-size: var(--tk-form-layout-max-inline-size);
}

.wpforms-container.tk-form-theme .wpforms-head-container,
.wpforms-container-full.tk-form-theme .wpforms-head-container,
.tk-form :where(.tk-form-head) {
	margin-bottom: var(--tk-form-intro-to-fields-gap) !important;
	max-inline-size: min(100%, var(--tk-form-layout-max-inline-size));
}

.wpforms-container.tk-form-theme .wpforms-title,
.wpforms-container-full.tk-form-theme .wpforms-title,
.tk-form :where(.tk-form-title) {
	color: var(--tk-form-intro-title-color) !important;
	font-size: var(--tk-form-intro-title-size, clamp(1.38rem, 2.3vw, 1.62rem)) !important;
	font-weight: var(--tk-form-intro-title-weight, 650) !important;
	line-height: 1.16 !important;
	margin: 0 !important;
}

.wpforms-container.tk-form-theme .wpforms-description,
.wpforms-container-full.tk-form-theme .wpforms-description,
.tk-form :where(.tk-form-description) {
	color: var(--tk-form-intro-description-color) !important;
	font-size: var(--tk-form-intro-description-size, 1rem) !important;
	font-weight: var(--tk-form-intro-description-weight, 500) !important;
	line-height: 1.45 !important;
	margin: var(--tk-form-intro-gap) 0 0 !important;
	opacity: var(--tk-form-intro-description-opacity, 0.96) !important;
}

.wpforms-container.tk-form-theme > :is(.wpforms-field-container, .wpforms-submit-container, .wpforms-error-container, .wpforms-confirmation-container),
.wpforms-container-full.tk-form-theme > :is(.wpforms-field-container, .wpforms-submit-container, .wpforms-error-container, .wpforms-confirmation-container) {
	margin-inline: auto;
	max-inline-size: min(100%, var(--tk-form-layout-max-inline-size));
	width: 100%;
}

.wpforms-container.tk-form-theme .wpforms-form,
.wpforms-container-full.tk-form-theme .wpforms-form {
	max-width: min(100%, var(--tk-form-layout-max-inline-size));
	width: 100%;
}

.wpforms-container.tk-form-theme .wpforms-field-container,
.wpforms-container-full.tk-form-theme .wpforms-field-container {
	display: grid;
	gap: var(--tk-form-row-gap);
}

.wpforms-container.tk-form-theme .wpforms-field,
.tk-form :where(.tk-form-group) {
	margin-bottom: 0;
	width: 100%;
}

.wpforms-container.tk-form-theme .wpforms-field-label,
.wpforms-container.tk-form-theme .wpforms-field-label-inline,
.tk-form :where(label) {
	color: var(--tk-form-label-color);
	display: inline-block;
	font-size: 0.96rem;
	font-weight: var(--tk-form-label-weight, 600);
	line-height: 1.35;
	margin: 0 0 10px;
}

.wpforms-container.tk-form-theme .wpforms-field-description,
.tk-form :where(.tk-form-help, small) {
	color: var(--tk-form-help-color);
	font-size: 0.92rem;
	line-height: 1.45;
	margin-top: 8px;
}

.tk-form-required-required-text .wpforms-required-label::before {
	content: "(Required) ";
	font-size: 0.79rem;
	font-weight: 600;
}

.tk-form-required-required-text .wpforms-required-label {
	font-size: 0;
}

.tk-form .tk-form-required,
.wpforms-container.tk-form-theme .wpforms-required-label {
	color: var(--tk-form-required-color);
	font-weight: 700;
}

.wpforms-container.tk-form-theme
:where(input, textarea, select):not([type="checkbox"]):not(
	[type="radio"]
):not([type="submit"]):not([type="button"]):not([type="hidden"]),
.tk-form
:where(input, textarea, select):not([type="checkbox"]):not(
	[type="radio"]
):not([type="submit"]):not([type="button"]):not([type="hidden"]) {
	appearance: none;
	background: var(--tk-form-field-bg);
	border: 1px solid var(--tk-form-field-border);
	border-radius: var(--tk-form-input-radius);
	box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
	color: var(--tk-form-field-text);
	font-size: 1rem;
	line-height: 1.3;
	min-height: var(--tk-form-control-height);
	padding: 0 var(--tk-form-control-pad-x);
	transition:
		border-color 180ms ease,
		box-shadow 180ms ease,
		background-color 180ms ease;
	width: 100%;
}

.tk-form textarea,
.wpforms-container.tk-form-theme textarea {
	line-height: 1.45;
	min-height: clamp(140px, calc(var(--tk-form-control-height) * 2.9), 220px);
	padding-bottom: 12px;
	padding-top: 12px;
	resize: vertical;
}

.tk-form select,
.wpforms-container.tk-form-theme select {
	padding-right: calc(var(--tk-form-control-pad-x) + 22px);
}

.wpforms-container-full.tk-form-theme select {
	padding-right: calc(var(--tk-form-control-pad-x) + 22px);
}

.wpforms-container.tk-form-theme
:where(
	input.wpforms-field-small,
	input.wpforms-field-medium,
	input.wpforms-field-large,
	select.wpforms-field-small,
	select.wpforms-field-medium,
	select.wpforms-field-large,
	textarea.wpforms-field-small,
	textarea.wpforms-field-medium,
	textarea.wpforms-field-large
),
.wpforms-container-full.tk-form-theme
:where(
	input.wpforms-field-small,
	input.wpforms-field-medium,
	input.wpforms-field-large,
	select.wpforms-field-small,
	select.wpforms-field-medium,
	select.wpforms-field-large,
	textarea.wpforms-field-small,
	textarea.wpforms-field-medium,
	textarea.wpforms-field-large
) {
	max-width: 100%;
	width: 100%;
}

.wpforms-container.tk-form-theme .wpforms-form :is(input, select).wpforms-field-small,
.wpforms-container.tk-form-theme .wpforms-form :is(input, select).wpforms-field-medium,
.wpforms-container.tk-form-theme .wpforms-form :is(input, select).wpforms-field-large,
.wpforms-container-full.tk-form-theme .wpforms-form :is(input, select).wpforms-field-small,
.wpforms-container-full.tk-form-theme .wpforms-form :is(input, select).wpforms-field-medium,
.wpforms-container-full.tk-form-theme .wpforms-form :is(input, select).wpforms-field-large {
	max-width: 100% !important;
	width: 100% !important;
}

.wpforms-container.tk-form-theme .wpforms-form textarea.wpforms-field-small,
.wpforms-container.tk-form-theme .wpforms-form textarea.wpforms-field-medium,
.wpforms-container.tk-form-theme .wpforms-form textarea.wpforms-field-large,
.wpforms-container-full.tk-form-theme .wpforms-form textarea.wpforms-field-small,
.wpforms-container-full.tk-form-theme .wpforms-form textarea.wpforms-field-medium,
.wpforms-container-full.tk-form-theme .wpforms-form textarea.wpforms-field-large {
	min-height: clamp(140px, calc(var(--tk-form-control-height) * 2.9), 220px);
}

.wpforms-container.tk-form-theme
.wpforms-field:not(.wpforms-payment-quantities-enabled) > .wpforms-field-row.wpforms-field-small,
.wpforms-container.tk-form-theme
.wpforms-field:not(.wpforms-payment-quantities-enabled) > .wpforms-field-row.wpforms-field-medium,
.wpforms-container.tk-form-theme
.wpforms-field:not(.wpforms-payment-quantities-enabled) > .wpforms-field-row.wpforms-field-large,
.wpforms-container-full.tk-form-theme
.wpforms-field:not(.wpforms-payment-quantities-enabled) > .wpforms-field-row.wpforms-field-small,
.wpforms-container-full.tk-form-theme
.wpforms-field:not(.wpforms-payment-quantities-enabled) > .wpforms-field-row.wpforms-field-medium,
.wpforms-container-full.tk-form-theme
.wpforms-field:not(.wpforms-payment-quantities-enabled) > .wpforms-field-row.wpforms-field-large {
	max-width: 100%;
	width: 100%;
}

.wpforms-container.tk-form-theme
:where(input, textarea, select):not([type="checkbox"]):not(
	[type="radio"]
):not([type="submit"]):not([type="button"]):not([type="hidden"]):hover,
.tk-form
:where(input, textarea, select):not([type="checkbox"]):not(
	[type="radio"]
):not([type="submit"]):not([type="button"]):not([type="hidden"]):hover {
	border-color: color-mix(in srgb, var(--tk-form-field-border) 76%, var(--tk-form-focus) 24%);
}

.wpforms-container.tk-form-theme
:where(input, textarea, select):not([type="checkbox"]):not(
	[type="radio"]
):not([type="submit"]):not([type="button"]):not(
	[type="hidden"]
):focus-visible,
.tk-form
:where(input, textarea, select):not([type="checkbox"]):not(
	[type="radio"]
):not([type="submit"]):not([type="button"]):not(
	[type="hidden"]
):focus-visible {
	border-color: var(--tk-form-focus);
	box-shadow:
		0 0 0 var(--tk-form-focus-ring)
		color-mix(in srgb, var(--tk-form-focus) 24%, transparent);
	outline: 0;
}

.tk-form :where(input, textarea, select)::placeholder,
.wpforms-container.tk-form-theme :where(input, textarea, select)::placeholder {
	color: var(--tk-form-field-placeholder);
}

.wpforms-container.tk-form-theme :where(input, textarea, select):disabled,
.tk-form :where(input, textarea, select):disabled {
	background: color-mix(in srgb, var(--tk-form-field-bg) 68%, var(--tk-form-field-border) 32%);
	color: color-mix(in srgb, var(--tk-form-field-text) 72%, #fff 28%);
	cursor: not-allowed;
	opacity: 0.85;
}

.tk-form :where(input, textarea, select)[readonly],
.wpforms-container.tk-form-theme :where(input, textarea, select)[readonly] {
	background: color-mix(in srgb, var(--tk-form-field-bg) 78%, var(--tk-form-field-border) 22%);
}

.wpforms-container.tk-form-theme
:where(input, textarea, select):-webkit-autofill,
.tk-form :where(input, textarea, select):-webkit-autofill {
	-webkit-box-shadow:
		0 0 0 1000px
		color-mix(in srgb, var(--tk-form-field-bg) 85%, #fff 15%) inset;
	-webkit-text-fill-color: var(--tk-form-field-text);
	transition: background-color 9999s ease-out;
}

.wpforms-container.tk-form-theme
.wpforms-field.wpforms-has-error
:where(input, textarea, select),
.wpforms-container.tk-form-theme :where(input, textarea, select).wpforms-error,
.tk-form .tk-form-group.is-error :where(input, textarea, select) {
	border-color: var(--tk-form-error);
	box-shadow:
		0 0 0 1px
		color-mix(in srgb, var(--tk-form-error) 16%, transparent);
}

.wpforms-container.tk-form-theme .wpforms-error,
.tk-form .tk-form-error {
	color: var(--tk-form-error);
	display: block;
	font-size: 0.9rem;
	font-weight: 600;
	margin-top: 8px;
}

.wpforms-container.tk-form-theme .wpforms-field-row,
.tk-form .tk-form-row {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(10px, 2vw, 16px);
}

.wpforms-container.tk-form-theme .wpforms-field-row-block {
	flex: 1 1 220px;
}

.wpforms-container.tk-form-theme .wpforms-one-half {
	width: calc(50% - 8px);
}

.wpforms-container.tk-form-theme .wpforms-first {
	clear: both;
}

.wpforms-container.tk-form-theme
:where(input[type="checkbox"], input[type="radio"]),
.tk-form :where(input[type="checkbox"], input[type="radio"]) {
	accent-color: var(--tk-form-choice-selected);
	height: var(--tk-form-choice-size);
	margin-top: 0.2em;
	width: var(--tk-form-choice-size);
}

.wpforms-container.tk-form-theme
:where(input[type="checkbox"] + label, input[type="radio"] + label),
.tk-form :where(input[type="checkbox"] + label, input[type="radio"] + label) {
	display: inline-block;
	margin-left: var(--tk-form-choice-gap);
	max-width: calc(100% - (var(--tk-form-choice-size) + var(--tk-form-choice-gap) + 4px));
	vertical-align: top;
}

.wpforms-container.tk-form-theme
:where(input[type="checkbox"], input[type="radio"]):focus-visible,
.tk-form :where(input[type="checkbox"], input[type="radio"]):focus-visible {
	outline:
		var(--tk-form-focus-ring) solid
		color-mix(in srgb, var(--tk-form-focus) 28%, transparent);
	outline-offset: 2px;
}

.tk-form a,
.wpforms-container.tk-form-theme a {
	color: var(--tk-form-link-color);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.14em;
}

.tk-form .tk-form-actions,
.wpforms-container.tk-form-theme .wpforms-submit-container {
	display: flex;
	justify-content: flex-start;
	margin-top: calc(var(--tk-form-row-gap) + 4px);
}

.wpforms-container-full.tk-form-theme .wpforms-submit-container {
	padding-top: calc(var(--tk-form-row-gap) + 4px);
}

.wpforms-container.tk-form-theme.tk-form-button-align-left .wpforms-submit-container,
.wpforms-container-full.tk-form-theme.tk-form-button-align-left .wpforms-submit-container,
.tk-form.tk-form-button-align-left .tk-form-actions {
	justify-content: flex-start;
}

.wpforms-container.tk-form-theme.tk-form-button-align-center .wpforms-submit-container,
.wpforms-container-full.tk-form-theme.tk-form-button-align-center .wpforms-submit-container,
.tk-form.tk-form-button-align-center .tk-form-actions {
	justify-content: center;
}

.wpforms-container.tk-form-theme.tk-form-button-align-right .wpforms-submit-container,
.wpforms-container-full.tk-form-theme.tk-form-button-align-right .wpforms-submit-container,
.tk-form.tk-form-button-align-right .tk-form-actions {
	justify-content: flex-end;
}

.wpforms-container-full.tk-form-theme :is(input[type="submit"], button[type="submit"], .wpforms-page-button),
.wpforms-container-full.tk-form-theme .wpforms-submit {
	font-size: 1rem !important;
	font-weight: 700 !important;
	height: var(--tk-form-button-height) !important;
	line-height: 1 !important;
	min-height: var(--tk-form-button-height) !important;
	padding: 0 22px !important;
}

.wpforms-container.tk-form-theme
:where(.wpforms-submit, button[type="submit"], input[type="submit"]),
.tk-form :where(button[type="submit"], input[type="submit"], .tk-form-submit) {
	align-items: center;
	background: var(--tk-form-button-bg);
	border: 1px solid var(--tk-form-button-border);
	border-radius: var(--tk-form-input-radius);
	color: var(--tk-form-button-text);
	display: inline-flex;
	font-weight: 700;
	gap: 8px;
	justify-content: center;
	min-height: var(--tk-form-button-height);
	padding: 11px 22px;
	text-decoration: none;
	transition:
		transform 140ms ease,
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		opacity 180ms ease;
}

.tk-form-button-width-full
:where(.wpforms-submit, button[type="submit"], input[type="submit"]),
.tk-form-button-width-full .tk-form-submit {
	width: 100%;
}

.tk-form-button-style-outline
:where(.wpforms-submit, button[type="submit"], input[type="submit"]),
.tk-form-button-style-outline .tk-form-submit {
	background: transparent;
	color: var(--tk-form-button-bg);
}

.tk-form-button-style-industrial
:where(.wpforms-submit, button[type="submit"], input[type="submit"]),
.tk-form-button-style-industrial .tk-form-submit {
	box-shadow:
		4px 4px 0
		color-mix(in srgb, var(--tk-form-button-border) 62%, transparent);
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.wpforms-container.tk-form-theme
:where(.wpforms-submit, button[type="submit"], input[type="submit"]):hover,
.tk-form
:where(button[type="submit"], input[type="submit"], .tk-form-submit):hover {
	background: var(--tk-form-button-hover-bg);
	border-color: var(--tk-form-button-hover-border);
	color: var(--tk-form-button-hover-text);
}

.wpforms-container.tk-form-theme
:where(
	.wpforms-submit,
	button[type="submit"],
	input[type="submit"]
):focus-visible,
.tk-form
:where(
	button[type="submit"],
	input[type="submit"],
	.tk-form-submit
):focus-visible {
	box-shadow:
		0 0 0 var(--tk-form-focus-ring)
		color-mix(in srgb, var(--tk-form-focus) 30%, transparent);
	outline: 0;
}

.wpforms-container.tk-form-theme .wpforms-submit.wpforms-disabled,
.wpforms-container.tk-form-theme .wpforms-submit[aria-disabled="true"],
.wpforms-container.tk-form-theme .wpforms-submit:disabled,
.tk-form :where(button[type="submit"], input[type="submit"]):disabled {
	cursor: not-allowed;
	opacity: 0.68;
	transform: none;
}

.wpforms-container.tk-form-theme.wpforms-loading .wpforms-submit,
.wpforms-container.tk-form-theme
.wpforms-submit-container.is-loading
.wpforms-submit {
	opacity: 0.7;
}

.wpforms-container.tk-form-theme .wpforms-submit-spinner {
	animation: tk-form-spin 700ms linear infinite;
	border: 2px solid color-mix(in srgb, var(--tk-form-button-bg) 34%, #fff 66%);
	border-right-color: var(--tk-form-button-text);
	border-radius: 999px;
	display: inline-block;
	height: 16px;
	margin-left: 10px;
	vertical-align: middle;
	width: 16px;
}

@keyframes tk-form-spin {

	to {
		transform: rotate(360deg);
	}
}

.tk-form-button-icon-arrow :where(.wpforms-submit, .tk-form-submit)::after {
	content: "->";
	font-size: 0.95em;
}

.tk-form-button-icon-send :where(.wpforms-submit, .tk-form-submit)::after {
	content: ">>";
	font-size: 0.95em;
}

.tk-form-message-inline .wpforms-error-container,
.tk-form-message-inline .tk-form-message-error {
	background: transparent;
	border: 0;
	padding: 0;
}

.tk-form-message-soft-box .wpforms-error-container,
.tk-form-message-soft-box .tk-form-message-error {
	background: var(--tk-form-message-error-bg);
	border:
		1px solid
		color-mix(in srgb, var(--tk-form-error) var(--tk-form-message-border-alpha), transparent);
	color: color-mix(in srgb, var(--tk-form-error) 90%, #000 10%);
}

.tk-form-message-bordered-box .wpforms-error-container,
.tk-form-message-bordered-box .tk-form-message-error {
	background: transparent;
	border: 2px solid color-mix(in srgb, var(--tk-form-error) 52%, transparent);
	color: color-mix(in srgb, var(--tk-form-error) 90%, #000 10%);
}

.tk-form .tk-form-message-error,
.wpforms-container.tk-form-theme .wpforms-error-container {
	border-radius: var(--tk-form-input-radius);
	margin: 14px 0 6px;
	padding: 10px 12px;
}

.tk-form-success-inline .wpforms-confirmation-container,
.tk-form-success-inline .wpforms-confirmation-container-full,
.tk-form-success-inline .tk-form-message-success {
	background: transparent;
	border: 0;
	padding: 0;
}

.tk-form-success-card .wpforms-confirmation-container,
.tk-form-success-card .wpforms-confirmation-container-full,
.tk-form-success-card .tk-form-message-success {
	background: var(--tk-form-message-success-bg);
	border:
		1px solid
		color-mix(in srgb, var(--tk-form-success) 36%, transparent);
	color: color-mix(in srgb, var(--tk-form-success) 74%, #001d15 26%);
}

.tk-form .tk-form-message-success,
.wpforms-container.tk-form-theme .wpforms-confirmation-container,
.wpforms-container.tk-form-theme .wpforms-confirmation-container-full {
	border-radius: var(--tk-form-input-radius);
	margin-top: 12px;
	padding: 12px 14px;
}

.wpforms-container.tk-form-theme .wpforms-field-file-upload,
.tk-form .tk-form-file {
	padding: 0;
}

.tk-form input[type="file"],
.wpforms-container.tk-form-theme .wpforms-field-file-upload input[type="file"] {
	padding: 10px;
}

.wpforms-container.tk-form-theme .wpforms-captcha-container,
.wpforms-container.tk-form-theme .wpforms-recaptcha-container,
.wpforms-container.tk-form-theme .wpforms-hcaptcha-container,
.tk-form .tk-form-captcha {
	margin-top: var(--tk-form-row-gap);
}

@media (max-width: 720px) {

	.wpforms-container.tk-form-theme .wpforms-one-half {
		width: 100%;
	}

	.wpforms-container.tk-form-theme,
	.tk-form {
		padding: clamp(12px, 3.4vw, var(--tk-form-wrapper-pad));
	}
}