/*
 * Do Progetto: English Inquiry (WordPress page 467 / CF7 form 475).
 * Loaded exclusively by administrator-only responsive preview plugin.
 * No modifications to Contact Form 7 markup, field validation or mail.
 */

@media screen and (max-width: 600px) {
    /* Reclaim the unused 50px desktop left margin. */
    #form_area {
        width: 100%;
        max-width: 100%;
        margin: 12px 0 24px;
        box-sizing: border-box;
        font-size: 15px;
        line-height: 1.6;
    }

    #form_area .wpcf7,
    #form_area .wpcf7-form {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Reformat only the top-level form table, preserving other tables. */
    #form_area table#info1,
    #form_area table#info1 > tbody,
    #form_area table#info1 > tbody > tr,
    #form_area table#info1 > tr {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
        border: 0;
        box-sizing: border-box;
        overflow: visible;
    }

    #form_area table#info1 > tbody > tr,
    #form_area table#info1 > tr {
        margin: 0 0 15px;
    }

    #form_area table#info1 > tbody > tr > td,
    #form_area table#info1 > tr > td {
        display: block;
        float: none;
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 !important;
        margin: 0;
        border: 0;
        line-height: 1.6;
        vertical-align: top;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    /* Label on its own line; control below it. */
    #form_area table#info1 > tbody > tr > td:first-child,
    #form_area table#info1 > tr > td:first-child {
        margin-bottom: 6px;
        font-size: 15px;
        line-height: 1.5;
    }

    #form_area table#info1 p {
        margin: 0;
        line-height: 1.6;
    }

    /* Full-width, comfortably sized touch controls. */
    #form_area table#info1 input[type="text"],
    #form_area table#info1 input[type="email"],
    #form_area table#info1 input[type="tel"],
    #form_area table#info1 textarea {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0;
        padding: 10px 12px;
        border: 1px solid #999;
        border-radius: 3px;
        background: #fff;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.45;
        color: inherit;
    }

    #form_area table#info1 input[type="text"],
    #form_area table#info1 input[type="email"],
    #form_area table#info1 input[type="tel"] {
        min-height: 44px;
    }

    #form_area table#info1 textarea {
        min-height: 190px;
        height: 190px;
        resize: vertical;
    }

    /* Reset legacy notice offset and keep feedback readable. */
    #form_area #cout,
    #form_area #info1 + #cout {
        position: static;
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 10px 0 12px;
        padding: 0;
        box-sizing: border-box;
        font-size: 13px;
        line-height: 1.6;
        clear: both;
    }

    #form_area .wpcf7-not-valid-tip,
    #form_area .wpcf7-response-output {
        font-size: 13px;
        line-height: 1.6;
        overflow-wrap: anywhere;
    }

    #form_area .wpcf7-submit,
    #form_area input[type="submit"] {
        display: block;
        width: 100%;
        max-width: 100%;
        min-height: 48px;
        margin: 10px 0 18px;
        padding: 11px 15px;
        box-sizing: border-box;
        border: 1px solid #d4b5c0;
        border-radius: 3px;
        background: #fbf8f9;
        color: #903;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        cursor: pointer;
    }
}