.gform-theme--foundation .tc-gravity-form .gform_fields {
	row-gap: 3rem;
}


h1, h2, h3, h4 {
	&.gsection_title, &.gform_title {
		color: var(--form-heading);
	}
}


.brxe-container .tc-gravity-form  {
	label, gfield_label, .gform_drop_instructions, .gform-field-label  {
		color: var(--form-text);
		margin-bottom: 5px;
		}	
	
	legend.gfield_label, label.gfield_label {
		color: var(--form-legend);
		font-size: var(--text-m);
	}
	
	.gfield_required {
		color: var(--form-field-required);
		}
}

.brxe-container .tc-gravity-form .gfield_description {
	color: var(--description-text);
}


.brxe-container .tc-gravity-form :is(input, textarea, select):focus {
	outline-color: var(--input-outline-focus);
}

.brxe-container .tc-gravity-form .gfield .gchoice:focus-within {
	outline-color: var(--input-outline-focus);
}



.brxe-container .tc-gravity-form .gfield {  
	input[type="text"], input[type="email"],  input[type="tel"], input[type="number"], input[type="url"], input[type="file"], select  {
	background-color: var(--input-background);
	border: solid 1px var(--input-border);
	border-radius: var(--radius-s);
	color: var(--form-text);
		
		&::placeholder {
		color: var(--placeholder-text);
		}
	}
}

.brxe-container .tc-gravity-form .gfield textarea  {
	background-color: var(--input-background);
	border: solid 1px var(--input-border);
	border-radius: var(--radius-s);
	color: var(--form-text);
	
	&::placeholder {
		color: var(--placeholder-text);
	}
}



.brxe-container .tc-gravity-form .gfield {
	input[type="checkbox"] {
		border-color: var(--input-border);
		border-radius: var(--radius-xs);
		
		&::before {
			color: var(--primary);
		}
	}
	
	input[type="radio"] {
		border-color: var(--input-border);
		
		&::before {
			background-color: var(--primary);
			block-size: 8px;
			inline-size: 8px;
		}
	}
}



.brxe-container .tc-gravity-form .ginput_container_image_choice .gfield_radio .gchoice {
  border-radius: var(--radius-m);
	background-color: var(--input-background);
	border: solid 1px var(--input-border);
  overflow: hidden;
}


.brxe-container .tc-gravity-form .ginput_container_image_choice .gfield_radio .gchoice .gfield-choice-image-wrapper {
	border-radius: var(--radius-s);
	background-color: var(--input-border);
	overflow: hidden;
}


.brxe-container .tc-gravity-form .gfield .gchoice:has(input:checked)::after {
	background-color: var(--primary);
}


.gform-theme--framework.ui-datepicker,
.gform-theme--framework.ui-datepicker .ui-datepicker-header {
  border-radius: var(--radius-m) !important;
}

.gform-theme--framework.ui-datepicker {
	select.ui-datepicker-month, select.ui-datepicker-year {
		border-color: var(--input-border);
		&:focus {
			outline-color: var(--input-outline-focus);
		}
	}
}

.gform-theme--framework .ui-datepicker-calendar td a.ui-state-active {
  background-color: var(--input-outline-focus);
  color: #fff;
}


.brxe-container .tc-gravity-form .gfield {  
	.gform_drop_area  {
	background-color: var(--input-background);
	border: dashed 2px var(--input-border);
	border-radius: var(--radius-s);
		
		&::before {
		color: var(--primary);
		}
	}
	.gform_button_select_files {
			background-color: var(--primary) !important;
		&:hover {
			background-color: var(--primary-d-1) !important;
		}
	}
}


.brxe-container .tc-gravity-form .gfield .gfield_list_icons {
	.add_list_item, .delete_list_item {
		background-color: var(--primary) !important;
	}
	
}


.brxe-container .tc-gravity-form .gfield input[type="text"] {
	&.ginput_product_price {
		background-color: transparent;
		border: none;
		
		&:focus {
			outline-color: transparent;
		}
	}
	&.ginput_shipping_price {
		background-color: transparent;
		border: none;
		
		&:focus {
			outline-color: transparent;
		}
	}
	&.ginput_total {
		background-color: transparent;
		border: none;
		font-size: var(--text-2xl);
		color: var(--product-total);
		
		&:focus {
			outline-color: transparent;
		}
	}
}


.tc-gravity-form .gform-footer .gform_button {
	color: var(--primary) !important;
	background-color: transparent !important;
	border: solid 1px var(--primary) !important;
	border-radius: var(--radius-full) !important;
	padding-inline: 4rem !important;
	transition: all .3s ease-out !important;
}

.tc-gravity-form .gform-footer .gform_button:hover {
	color: var(--text-body-light) !important;
	background-color: var(--primary) !important;

}