/*
 * On mobile, ignore the custom max_width set by insoles_form.js
 * (it's meant for desktop only). Let Bootstrap's default modal
 * responsive behavior take over on phones.
 */

@media (max-width: 767.98px) {

    /* Override the inline maxWidth set by insoles_form.js so the modal
       falls back to Bootstrap's default responsive sizing on phones. */
    #insoles-instance-forms .modal-dialog,
    #insoles-detail .modal-dialog,
    #pdf-preview-modal .modal-dialog {
        max-width: none !important;
    }
}