/* Definiții care se aplică paginii de login. */
:root {
    --primary: #ff4c23;
    --primary-faded: #FF9B84;
}

input[type=checkbox]:focus, 
input[type=text]:focus, 
input[type=password]:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
    outline: 2px solid transparent
}

.login .message, .login .notice, .login .success {
    border-left: 4px solid var(--primary-faded);
}

.wp-core-ui .button-primary, .wp-core-ui .button-primary:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: white !important;
}

.login .button.wp-hide-pw .dashicons {
    color: var(--primary)
}

.login .button.wp-hide-pw:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
}

input[type=checkbox]:checked::before {
    content: url(../img/checkmark.svg);
}

.wp-core-ui .button, .wp-core-ui .button:hover {
    color:var(--primary);
    border-color: var(--primary);
}

.login h1 a {
    background-image: url(../img/logo.svg);
    width: 150px;
    height: 150px;
    background-size: 150px;
}