.awcf_register_form {
    max-width: 640px;
    display: grid;
    gap: 1rem;
    font-family: inherit;

    & fieldset {
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 1rem;
        display: grid;
        gap: 0.75rem;
    }

    & fieldset[hidden] {
        display: none;
    }

    & legend {
        font-weight: 600;
        padding: 0 0.5em;
    }

    & label {
        display: grid;
        gap: 0.25rem;
        font-size: 0.95rem;
    }

    & input[type="text"],
    & input[type="email"],
    & input[type="tel"],
    & input[type="password"],
    & select {
        padding: 0.5rem;
        border: 1px solid #bbb;
        border-radius: 4px;
        font-size: 1rem;
    }

    & .awcf_register_form__hp {
        position: absolute;
        left: -9999px;
    }

    & .awcf_register_form__readonly {
        background: #f6f8fa;
        padding: 0.75rem;
        border-radius: 4px;

        & p { margin: 0.2rem 0; }
    }

    & .awcf_register_form__wholesaler {
        display: grid;
        grid-template-columns: auto 1fr 140px 140px;
        gap: 0.5rem;
        align-items: center;
        padding: 0.4rem 0;
        border-bottom: 1px solid #eee;
    }

    & .awcf_register_form__wh_extra:disabled {
        background: #f0f0f0;
    }

    & .awcf_register_form__consent,
    & .awcf_register_form__optin {
        display: flex;
        gap: 0.5rem;
        align-items: flex-start;
    }

    & .awcf_register_form__submit {
        padding: 0.75rem 1.5rem;
        background: #0073aa;
        color: white;
        border: 0;
        border-radius: 4px;
        font-size: 1rem;
        cursor: pointer;
        justify-self: start;
    }

    & .awcf_register_form__submit:hover {
        background: #005a87;
    }

    & .awcf_register_form__status {
        min-height: 1.2em;

        &[data-kind="error"]   { color: #b00020; }
        &[data-kind="success"] { color: #1d6e1d; }
    }
}

.awcf_login__links {
    margin-top: 0.75rem;
    font-size: 0.9rem;
}
