/* Member Login plugin styles (moved from inline PHP) */

.member-auth {
    display: flex;
    max-width: 594px;
    width: 100%;
    padding: 64px;
    align-items: flex-start;
    gap: 118px;
    border-radius: 18px;
    border: 1px solid var(--primary-blue-30, rgba(32, 35, 74, 0.30));
    background: var(--Primary-White, #FFF);

    /* Drop Shadow */
    box-shadow: 0 2px 10px 0 rgba(33, 33, 38, 0.07);
}

.member-login-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;

    .top {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 58px;
        align-self: stretch;

        .intro {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 28px;
            align-self: stretch;
        }

        .inputs {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            align-self: stretch;

            .input-wrapper {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
                align-self: stretch;

                label {
                    color: var(--Text-Off-Black);

                    /* Subtitle */
                    font-family: Nunito;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 22px; /* 137.5% */
                }

                input {
                    padding: 12px 24px;
                    margin:0;
                    color: var(--Primary-Blue);

                    /* Body Regular */
                    font-family: Nunito;
                    font-size: 16px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: 22px; /* 137.5% */
                }
            }
        }
    }

    .bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        align-self: stretch;

        .back-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }
    }


    h1 {
        color: var(--Primary-Orange);

        /* Heading 1 */
        font-family: Nunito;
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px; /* 116.667% */
        margin: 0;
    }

    p {
        color: var(--Text-Off-Black);

        /* Body Regular */
        font-family: Nunito;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 137.5% */
        margin: 0;

        &.ml-error {
            color: var(--Primary-Orange);
        }
    }


}