/**********************************************---***********************
    File name: support-form.css
    Site: villasbysilvia3

    Copyright 2026 Michael J. Miller, All rights reserved

    Purpose: support form

    Revision History:
    Date        Version     Details
    --------    --------    --------------------------------------------
    2/22/26     3.3         Copied from page-support.cww.

************************************************************************/

@layer page {
    #support_dialog {
        opacity: .95;
        border-radius: 4px;
        border-color: revert;
        /*max-width: calc(var(--design-page-width) * 65%);*/
        max-width: 800px;
        min-width: 400px;
        border: revert;
        margin-top: 150px;
    }
    #support-form {
        display: flex;
        flex-flow: column wrap;
        grid-row-gap: .5em;
        /*        min-width: 530px;*/
        /*max-width: var(--design-page-width);*/
        /*max-width: 65%;*/
        /*min-width: 400px;*/
        border: thin solid gray;
        border-radius: 6px;
        padding: 1em;
        /*margin: 2em auto;*/
        /*width: 90%;*/
    }
    #support-form h2 {
        margin-top: 0;
        margin-bottom: .25em;
    }
    #support-form label {
        width: 100px;
        /*        text-align: right;*/
    }
    #support-form input, #support-form textarea {
        margin-bottom: .5em;

        font-size: 1rem;
        padding-left: 6px;
        padding-top: .5em;
        padding-bottom: .5em;
    }
    #support-form input {
        width: 300px;
        max-width: 80vw;
    }
   #support-form textarea {
        min-width: 300px;
        max-width: 80vw;
       width: 99%;
       margin: 0 auto;
       resize: vertical;
    }
    #support-form p {
        min-width: 300px;
        max-width: calc(var(--design-page-width) - 0px);
        margin: 16px 6px;
        width: 100%;
        /*        height: 3.25em;*/
    }

    @media (max-width: 740px) {
        #support-form {
            max-width: 98vw;
        }

        #support-form p, #support-form textarea {
            max-width: 85vw;
        }
    }
    #support-form label {
        white-space: nowrap;
    }

    #support-form button {
        max-width: 200px;
        margin-right: 6px;
        /*        margin-left: auto;*/
    }
}