/* ---------- CF overrides: checkbox rows, spacing, max-width ---------- */
/* Readable max-width, left aligned, mobile padding */
.form-wrapper{
max-width: 720px;
margin: 0 auto;
text-align: left;
padding: 0 24px;
box-sizing: border-box;
}
/* Consistent field spacing */
#pardot-form .form-field{
margin: 0 0 16px 0 !important;
text-align: left !important;
}
#pardot-form label.field-label{
display: block !important;
margin: 0 0 8px 0 !important;
}
/* Prevent “field” styling from affecting checkboxes, radios, submit */
#pardot-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
#pardot-form select,
#pardot-form textarea{
width: 100% !important;
box-sizing: border-box !important;
}
/* Checkbox and radio: force normal size */
#pardot-form input[type="checkbox"],
#pardot-form input[type="radio"]{
width: 18px !important;
height: 18px !important;
padding: 0 !important;
margin: 0 !important;
display: inline-block !important;
box-sizing: border-box !important;
-webkit-appearance: auto !important;
appearance: auto !important;
}
/* One-line checkbox/radio rows with clean wrap */
#pardot-form .form-field.checkbox,
#pardot-form .form-field.radio{
display: flex !important;
flex-wrap: wrap !important;
align-items: flex-start !important;
column-gap: 12px !important;
row-gap: 6px !important;
}
/* Put the input on the left */
#pardot-form .form-field.checkbox .cf-input,
#pardot-form .form-field.radio .cf-input{
order: 1 !important;
flex: 0 0 auto !important;
margin-top: 3px !important;
}
/* Put the label text to the right, allow wrapping */
#pardot-form .form-field.checkbox > label.field-label,
#pardot-form .form-field.radio > label.field-label{
order: 2 !important;
flex: 1 1 0 !important;
margin: 0 !important;
display: block !important;
}
/* Descriptions and errors fall below the row */
#pardot-form .form-field.checkbox .description,
#pardot-form .form-field.checkbox .error,
#pardot-form .form-field.checkbox [id^="error_for_"],
#pardot-form .form-field.radio .description,
#pardot-form .form-field.radio .error,
#pardot-form .form-field.radio [id^="error_for_"]{
order: 3 !important;
flex: 0 0 100% !important;
}
/* Submit alignment, full-width on mobile */
#pardot-form .submit{
margin-top: 18px !important;
text-align: left !important;
}
@media (max-width: 520px){
#pardot-form .submit input[type="submit"]{
width: 100% !important;
}
}