@charset "UTF-8";

/**
 * Stile della pagina di login/registrazione WordPress (wp-login.php).
 * Migrato da style-login.css nel tema. Rispetto all'originale:
 * - box più largo (era 512px, ora 640px)
 * - box più basso: meno padding, logo e spaziature ridotte, pulsante più compatto
 * - le due immagini di sfondo (login/registrazione) sono le stesse, spostate
 *   in modules/login-style/assets/images/ — vanno ricaricate qui
 * - rimossa una regola ridondante (il background-image veniva impostato due
 *   volte sulla stessa selezione, la seconda sovrascriveva sempre la prima)
 */

body.login-action-login,
body.login-action-register {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body.login-action-register {
    background-image: url("../images/register-background-image.jpg");
}

body.login-action-login {
    background-image: url("../images/login-background-image.jpg");
}

body.login-action-login div#login,
body.login-action-register div#login,
body.login-action-lostpassword div#login {
    max-width: 640px !important;
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 28px 32px;
    margin: 0 auto;
    border-radius: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    max-height: 92vh;
    overflow-y: auto;
}

body.login div#login h1 a {
    display: block;
    margin: 0 auto 12px auto;
    background-size: 100px 92px;
    background-position: center;
    width: 100%;
    height: 92px;
    background-image: url("../images/holmo-legal-logo.png") !important;
}

body.login div#login form#loginform,
body.login div#login form#registerform,
body.login div#login form#lostpasswordform {
    border: 1px dashed #20214F;
    box-shadow: none;
    margin: 0 0 14px 0;
    padding: 16px 18px;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.75);
}

body.login div#login form#registerform p:nth-child(1) label:after,
body.login div#login form#registerform p:nth-child(2) label:after {
    content: " *";
    color: red;
}

body.login div#login form#registerform .acf-fields.-clear > .acf-field input,
body.login div#login form#registerform .acf-field select {
    line-height: 1.9;
}

body.login div#login form#registerform .wrapper-istruzioni label {
    display: inline-block;
    color: #fff;
    padding: 3px 10px;
    background-color: #183a6f;
    text-transform: uppercase;
    margin-top: 8px;
    font-size: 12px;
}

body.login div#login form#registerform .acf-user-register-fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}

body.login div#login form#registerform .acf-user-register-fields .acf-field {
    flex: 0 0 calc(50% - 12px);
    margin-bottom: 0;
}

body.login div#login form#registerform .acf-user-register-fields .acf-field-true-false,
body.login div#login form#registerform .acf-user-register-fields .acf-field-message {
    flex: 0 0 100%;
}

body.login div#login form#registerform .acf-user-register-fields .acf-field-true-false .acf-label {
    display: none;
}

body.login div#login form#registerform .acf-user-register-fields .acf-field-true-false .message {
    border-left: 0;
    background-color: transparent;
    box-shadow: none;
}

body.login .notice.register {
    margin-bottom: 5px;
    border-left: 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background-color: #183a6f;
}

input[type=email],
input[type=number],
input[type=password],
input[type=text],
select,
textarea {
    min-height: 32px;
    border-radius: 4px;
}

input[type=checkbox]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-bottom-color: #2271b1;
    box-shadow: none;
    outline: 0;
}

body.login div#login form#loginform p.forgetmenot {
    margin-bottom: 8px;
}

body.login div#login form#registerform p.submit {
    margin-top: 12px;
}

body.login div#login form#loginform p.submit input#wp-submit,
body.login div#login form#registerform p.submit input#wp-submit,
body.login div#login form#lostpasswordform input#wp-submit {
    border-radius: 12px;
    width: 100%;
    min-height: 42px;
    line-height: 42px;
    padding: 0 10px;
    font-family: "Fira Sans", sans-serif, "Trebuchet MS";
    font-size: 15px;
    margin: 0 auto 8px auto;
    font-weight: normal;
    text-transform: none;

    background-color: #20214f;
    border: 1px solid #20214f;
    color: #fff;

    transition: background-color 0.3s ease-in-out;
}

body.login div#login form#loginform p.submit input#wp-submit:hover,
body.login div#login form#registerform p.submit input#wp-submit:hover,
body.login div#login form#lostpasswordform input#wp-submit:hover {
    background-color: transparent;
    border: 1px solid #22376f;
    color: #22376f;
}

body.login div#login form#loginform p.submit input#wp-submit:focus,
body.login div#login form#registerform p.submit input#wp-submit:focus,
body.login div#login form#lostpasswordform input#wp-submit:focus {
    border: 1px solid #20214f;
}

body.login div#login p#nav,
body.login div#login p#backtoblog {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-size: 12px;
}

@media screen and (min-width: 782px) {
    body.login div#login p#nav,
    body.login div#login p#backtoblog {
        font-size: 13px;
    }
}

body.login div#login p#nav {
    text-align: left;
    padding-left: 10px;
    width: 56%;
}

body.login div#login p#backtoblog {
    text-align: right;
    padding-right: 10px;
    width: 37%;
}

body.login-action-checkemail div#login p#backtoblog {
    width: 100%;
    padding: 0;
    text-align: center;
}

body.login div#login #reg_passmail {
    color: #575759;
}

body.login #backtoblog a,
body.login #nav a {
    color: #111;
    transition: color 0.3s ease-in-out;
}

body.login #nav a.wp-login-log-in,
body.login #nav a.wp-login-register {
    color: #009B2F;
    text-transform: uppercase;
}

body.login #backtoblog a:hover,
body.login #nav a:hover {
    text-decoration: underline;
}

body.login #nav a.wp-login-log-in:hover,
body.login #nav a.wp-login-register:hover {
    color: #135e96;
}

.login ins {
    color: red;
    text-decoration: none;
}

.login form .input {
    border: 1px solid #ccc;
}

body.login .privacy-policy-page-link {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: right;
}

body.login .privacy-policy-page-link .privacy-policy-link {
    color: #ddd;
}

body #login form p.privacy-policy-checkbox {
    margin-bottom: 8px;
}

.privacy-policy-checkbox input,
#login .mc4wp-checkbox-wp-registration-form input {
    border: 1px solid #8c8f94;
    -webkit-appearance: none;
    margin: 0 10px 0 0;
}

/**
 * SIGNUP FORM
 */

#registerform h2 {
    display: none;
}

body.login div#login form#registerform p.wide-field {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}

body.login div#login form#registerform p#reg_passmail {
    width: 100%;
}

#registerform .acf-fields::after {
    content: none;
}