/* Keep vehicle inquiry controls aligned with the host dealership OEM theme. */
#mvdp-question-form,
#mvdp-testdrive-form,
#btnAskQuestion,
#btnTestDrive {
    --vehicle-inquiry-primary: var(--primary-color, var(--color-primary));
    --vehicle-inquiry-hover: var(--primary-dark, var(--color-primary-dark));
    --vehicle-inquiry-font: var(--oem-font-family, var(--web-body-font, inherit));
    font-family: var(--vehicle-inquiry-font) !important;
}

#mvdp-question-form :is(label, input, select, textarea, button, p),
#mvdp-testdrive-form :is(label, input, select, textarea, button, p) {
    font-family: var(--vehicle-inquiry-font) !important;
}

#mvdp-question-form :is(h3, h4),
#mvdp-testdrive-form :is(h3, h4) {
    font-family: var(--oem-font-family, var(--web-heading-font, inherit)) !important;
    color: var(--text-dark, #1a1a1a);
}

#btnAskQuestion,
#btnTestDrive,
#mvdp-question-form .btn-primary,
#mvdp-testdrive-form .btn-primary {
    background: var(--vehicle-inquiry-primary) !important;
    border-color: var(--vehicle-inquiry-primary) !important;
    color: var(--bg-white, #ffffff) !important;
}

#btnAskQuestion:is(:hover, :focus),
#btnTestDrive:is(:hover, :focus),
#mvdp-question-form .btn-primary:is(:hover, :focus),
#mvdp-testdrive-form .btn-primary:is(:hover, :focus) {
    background: var(--vehicle-inquiry-hover) !important;
    border-color: var(--vehicle-inquiry-hover) !important;
}

#mvdp-question-form .form-control:focus,
#mvdp-testdrive-form .form-control:focus {
    border-color: var(--vehicle-inquiry-primary);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--vehicle-inquiry-primary) 14%, transparent);
}
