/**
 * Gravity Forms Customizations
 * 
 * Custom styles for Gravity Forms to match the Limson theme design system.
 */

/* Form Container */

.gform_heading,
.gform_title,
.gform_required_legend {
	display: none !important;
}
.gform_wrapper {
	/* Add your form container styles here */
}

/* Form Fields */
.gform_wrapper .gfield {
	/* Add your field styles here */
}

.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label--type-sub {
	color: var(--color-dark-green);
	font-family: var(--wp--preset--font-family--mono, "IBM Plex Mono", monospace);
	font-weight: 400 !important;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.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="date"],
.gform_wrapper textarea,
.gform_wrapper select {
	border: 1px solid var(--color-dark-green);
	background-color: var(--color-off-white);
	border-radius: 0px;
	padding: 8px;
	font-size: 16px;
	line-height: 20px;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="date"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
	/* Add your input focus styles here */
}

/* Validation */
.gform_wrapper .gfield_error {
	/* Add your error field styles here */
}

.gform_wrapper .validation_message {
	/* Add your validation message styles here */
}

/* Submit Button */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="submit"] {
	/* Add your submit button styles here */
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
	/* Add your submit button hover styles here */
}

/* Required Field Indicator */
.gform_wrapper .gfield_required {
	/* Add your required indicator styles here */
}

/* Placeholder Text */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
	/* Add your placeholder styles here */
}

/* Radio Buttons and Checkboxes */
.gform_wrapper .gfield_radio li,
.gform_wrapper .gfield_checkbox li {
	/* Add your radio/checkbox list styles here */
	margin-bottom: 10px;
}

.gform_wrapper input[type="radio"],
.gform_wrapper input[type="checkbox"] {
	/* font-size: 16px; */
	accent-color: var(--color-dark-green);
}
.gfield_radio {
	column-count: 2;
}
.gform_wrapper input[type="radio"] .gform-field-label--type-inline {
	font-size: 16px;
}

/* Multi-page Forms */
.gform_wrapper .gform_page_footer {
	/* Add your multi-page footer styles here */
}

/* Confirmation Message */
.gform_confirmation_wrapper {
	/* Add your confirmation message styles here */
}
.gform_button {
	display: inline-flex;
	align-items: center;
	gap: var(--space-xs);
	font-family: "IBM Plex Mono", "Courier New", Courier, monospace;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1rem;
	transition: all 0.2s ease-in-out;
	padding: 5px 1rem;
	background: var(--color-primary);
	color: var(--color-dark-green);
	border-color: var(--color-dark-green);
	border-radius: 100vmax;
	font-weight: 400;
	border: 1px solid var(--color-dark-green);
	transition: color 0.2s ease-in-out;
	& * {
		color: var(--color-dark-green);
		transition: color 0.2s ease-in-out;
	}
	&:hover,
	&:focus-visible {
		cursor: pointer;
		background: var(--color-dark-green);
		color: var(--color-primary);
		text-decoration: none;
		color: var(--color-dark-green);
		border-color: var(--color-lime-green);
		color: var(--color-primary);
		& * {
			color: var(--color-primary);
		}
	}
}