/*!
This file is part of BerryPress User Activation plugin.
For licensing and copyright notices, please see ../../license.txt.
*/

/* Frontend styles */
/* Account Activation Form */

.loginberry-container {
    font-size: var(--wp--preset--font-size--medium);
}

.loginberry-activation-form {
    margin-bottom: 1.5em;
}

.loginberry-activation-form .loginberry-activation-form-inner {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: 1em;
    align-items: center;
}

.loginberry-activation-form input#activation_code {
    padding: .5rem 1rem;
    font-size: 1rem;
    max-width: 200px;
}

.loginberry-resend-activation-form {
    font-size: var(--wp--preset--font-size--small);
}

/* Inline button */

button.wp-element-button.loginberry-button--link {
    background: transparent;
    padding: 0;
    font-size: 14px;
    text-decoration: underline;
    display: inline;
    color: var(--wp--preset--color--contrast);
    border: 0;
}

/* Notices */

.notice.loginberry-notice {
    padding: 1em;
    font-size: var(--wp--preset--font-size--medium);
}

.notice-error.loginberry-notice {
    color: var(--wp--preset--color--vivid-red);
    background-color: #f8d7da;
}

.notice-success.loginberry-notice {
    color: #589376;
    background-color: #dcfae9;
}

/* Passwordless */

#login form p#loginberry-passwordless-toggle {
    margin-top: -5px;
    margin-bottom: 10px;
    text-align: center;
}

p#loginberry-passwordless-toggle-wc {
    margin-top: 10px;
    margin-bottom: 10px;
}