/*
 * Global styling for the embedded Dynamics 365 marketing forms.
 * Loaded by templates/Contact/dynamics/form.html.twig and applies to all
 * three forms (Request a Quote, Warranty Registration, Service Case Request).
 *
 * The FormLoader injects the form markup into the div[data-form-id] inside
 * .hei-dynamics-form, so scope all rules under that wrapper.
 */

.hei-dynamics-form {
    max-width: 56rem;
}

.hei-dynamics-form .textFormFieldBlock,
.hei-dynamics-form .dateTimeFormFieldBlock,
.hei-dynamics-form .twoOptionFormFieldBlock,
.hei-dynamics-form .optionSetFormFieldBlock,
.hei-dynamics-form .phoneFormFieldBlock,
.hei-dynamics-form .passesBlock,
.hei-dynamics-form .multiOptionSetFormFieldBlock,
.hei-dynamics-form .lookupFormFieldBlock {
    padding: 0;
    gap: 0;
}

/* Examples — adjust to the markup Dynamics actually renders:

.hei-dynamics-form input[type="text"],
.hei-dynamics-form input[type="email"],
.hei-dynamics-form input[type="tel"],
.hei-dynamics-form select,
.hei-dynamics-form textarea {
}

.hei-dynamics-form button[type="submit"] {
}

*/