/**
 * Gravity Forms — SureWealth tokens (UIUX-F-002).
 * Token first, brand hex fallback for the X theme.
 */

.gform_wrapper,
.gform_legacy_markup_wrapper {
	--sw-gf-ink: var(--wp--preset--color--ink, #0e2a47);
	--sw-gf-brass: var(--wp--preset--color--brass, #b08d57);
	--sw-gf-charcoal: var(--wp--preset--color--charcoal, #1c2430);
	--sw-gf-slate: var(--wp--preset--color--slate, #5c7189);
	--sw-gf-white: var(--wp--preset--color--white, #ffffff);
	--sw-gf-border: var(--wp--preset--color--border, #e7e0d0);
	--sw-gf-radius: var(--wp--custom--radius--button, 6px);
	--sw-gf-error: #c02b0a;
	font-size: 16px;
	color: var(--sw-gf-charcoal);
}

.gform_wrapper .gfield_label,
.gform_legacy_markup_wrapper .gfield_label {
	font-weight: 600;
	color: var(--sw-gf-ink);
	margin-bottom: 0.3rem;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select,
.gform_legacy_markup_wrapper input[type="text"],
.gform_legacy_markup_wrapper input[type="email"],
.gform_legacy_markup_wrapper input[type="tel"],
.gform_legacy_markup_wrapper textarea,
.gform_legacy_markup_wrapper select {
	width: 100%;
	min-height: 48px;
	padding: 0.6rem 0.85rem;
	font-size: 1rem;
	font-family: inherit;
	color: var(--sw-gf-charcoal);
	background: var(--sw-gf-white);
	border: 1px solid var(--sw-gf-ink);
	border-radius: var(--sw-gf-radius);
	box-shadow: none;
	appearance: none;
}

.gform_wrapper textarea,
.gform_legacy_markup_wrapper textarea {
	min-height: 120px;
}

.gform_wrapper input:focus-visible,
.gform_wrapper textarea:focus-visible,
.gform_wrapper select:focus-visible,
.gform_legacy_markup_wrapper input:focus-visible,
.gform_legacy_markup_wrapper textarea:focus-visible,
.gform_legacy_markup_wrapper select:focus-visible {
	outline: 2px solid var(--sw-gf-brass);
	outline-offset: 2px;
	border-color: var(--sw-gf-brass);
}

.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message,
.gform_legacy_markup_wrapper .gfield_validation_message,
.gform_wrapper .gform_validation_errors {
	color: var(--sw-gf-error);
	font-size: 0.95rem;
}

.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select,
.gform_wrapper input[aria-invalid="true"],
.gform_legacy_markup_wrapper .gfield_error input,
.gform_legacy_markup_wrapper .gfield_error textarea {
	border-color: var(--sw-gf-error);
}

.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"],
.gform_legacy_markup_wrapper .gform_button,
.gform_legacy_markup_wrapper input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 15px 26px;
	font-size: 15px;
	font-weight: 600;
	font-family: inherit;
	line-height: 1.2;
	cursor: pointer;
	border: 0;
	border-radius: var(--sw-gf-radius);
	background: var(--sw-gf-brass);
	color: var(--sw-gf-ink);
}

.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_legacy_markup_wrapper .gform_button:hover,
.gform_legacy_markup_wrapper input[type="submit"]:hover {
	filter: brightness(0.94);
}

.gform_wrapper .gfield_required {
	color: var(--sw-gf-error);
}

.gform_wrapper .gfield_description {
	color: var(--sw-gf-slate);
	font-size: 0.9rem;
}

@media (max-width: 781px) {
	.gform_wrapper .gform_button,
	.gform_wrapper input[type="submit"],
	.gform_legacy_markup_wrapper .gform_button,
	.gform_legacy_markup_wrapper input[type="submit"] {
		width: 100%;
	}
}