/*
 * Responsive page title for pages containing an M-CODE form.
 * Scoped with a body class added only when an M-CODE form is rendered.
 */
@media (min-width: 701px) and (max-width: 1024px) {
    body.mcode-form-page h1.entry-title,
    body.mcode-form-page h1.wp-block-post-title,
    body.mcode-form-page h1.elementor-heading-title,
    body.mcode-form-page .elementor-widget-heading h1 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        font-size: clamp(28px, 4.5vw, 38px) !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        hyphens: auto;
    }
}

@media (max-width: 700px) {
    body.mcode-form-page h1.entry-title,
    body.mcode-form-page h1.wp-block-post-title,
    body.mcode-form-page h1.elementor-heading-title,
    body.mcode-form-page .elementor-widget-heading h1 {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        font-size: clamp(26px, 8vw, 32px) !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        hyphens: auto;
    }
}

@media (max-width: 420px) {
    body.mcode-form-page h1.entry-title,
    body.mcode-form-page h1.wp-block-post-title,
    body.mcode-form-page h1.elementor-heading-title,
    body.mcode-form-page .elementor-widget-heading h1 {
        font-size: clamp(24px, 7.5vw, 30px) !important;
        line-height: 1.12 !important;
    }
}