/* admin-style.css */

/* Personalização do login */
body.login {
    background-color: #F6F9FC;
}

body.login div#login h1 a {
    background-image: url('https://provisorio.quantumhouse.com/wp-content/uploads/2025/01/QH-HORIZONTAL-ALTA-2.png');
    background-size: contain;
    width: 100%;
}

/* Personalização do admin */
#wpadminbar {
    background: #333;
}

#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {
    background-color: #23282d;
}

#adminmenu a {
    color: #fff;
}

#adminmenu .wp-submenu a {
    color: #c7c7c7;
}

#adminmenu .wp-submenu .wp-submenu-head {
    color: #fff;
}

   #login h1 a:hover, .login h1 a:hover {
        opacity: 0.9;
    }

    #login {
        width: 400px !important;
    }

    .login form {
        padding: 1.5rem;
        border: 1px solid #dfdfeb !important;
        border-radius: .75rem;
    }

    input#rememberme {
        width: 2.875em;
        height: 1.5rem;
        margin-top: unset;
        border: unset;
        background-color: #b4bbc3;
        filter: none;
        float: left;
        border-radius: 2.875em;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
        background-position: left center;
        transition: background-position .15s ease-in-out;
        background-size: contain;
        background-repeat: no-repeat;
        box-shadow: none;
        outline: none;
    }

    input#rememberme:checked::before {
        content: none;
    }

    input#rememberme:checked {
        background-color: #00b774;
        background-position: right center;
    }

    p.forgetmenot {
        margin-top: .5rem;
    }

    .login .forgetmenot label, .login .pw-weak label {
        margin-left: 0.25rem;
    }

    input#user_login, input#user_pass, input#user_email {
        display: block;
        width: 100%;
        height: calc(1.5em + 1.125rem + 2px);
        padding: 0.5625rem 1.125rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #737491;
        background-color: #fff !important;
        background-clip: padding-box;
        border: 1px solid #dfdfeb;
        border-radius: 0.5rem;
        box-shadow: 0 0 0 0 transparent;
        transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }

    input#user_login:focus, input#user_pass:focus, input#user_email:focus {
        box-shadow: 0 0 0 0 transparent, 0 0.375rem 0.625rem -0.3125rem rgba(0, 183, 116, .15);
        border-color: rgba(0, 183, 116, .35);
    }

    #wp-submit, #correct-admin-email {
        display: inline-block;
        font-weight: 500;
        color: #fff !important;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #00b774;
        border: 1px solid #00b774;
        padding: 0.5625rem 1.25rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.5rem;
        box-shadow: none;
        outline: none;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    }

    #wp-submit:hover, #correct-admin-email:hover {
        transform: translate(0px, 0px) !important;
        background-color: #00ad6a;
        border-color: #00a865;
    }

    .login label {
        color: #4a4b65;
        font-size: 0.875rem !important;
    }

    .login .button.wp-hide-pw:focus {
        box-shadow: none !important;
        outline: none !important;
        border: none !important;
    }
    
    .wp-core-ui .button, .wp-core-ui .button-secondary {
        color: #00b774 !important;
    }

    .login #backtoblog, .login #nav {
        display: inline-block;
    }

    .login #backtoblog {
        float: right;
        margin: 24px 0 0;
    }

    .login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover, .login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
        color: #00b774 !important;
        box-shadow: none;
    }

    form#language-switcher {
        border: none !important;
        margin-top: 2rem;
    }

    select#language-switcher-locales {
        padding: 0.825rem 3rem 0.825rem 1rem;
        -moz-padding-start: calc(1rem - 3px);
        font-size: 1em;
        font-weight: 400;
        line-height: 1.4;
        color: #576071;
        background-color: rgba(0,0,0,0);
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23697488' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 1rem center;
        background-size: 16px 12px;
        border: 1px solid #d7dde2;
        border-radius: 0.5rem;
        transition: border-color .15s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    select#language-switcher-locales:focus {
        box-shadow: 0 0 0 0 transparent, 0 0.375rem 0.625rem -0.3125rem rgba(0, 183, 116, .15);
        border-color: rgba(0, 183, 116, .35);
    }

    form#language-switcher input.button, .admin-email__actions-primary .button {
        display: inline-block;
        font-weight: 500;
        color: #00b774;
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: transparent;
        border: 1px solid #00b774;
        padding: 0.5625rem 1.25rem;
        font-size: 1rem;
        line-height: 1.5;
        margin-left: 0.5rem;
        border-radius: 0.5rem;
        outline: none;
        transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
    }

    form#language-switcher input.button:hover, admin-email__actions-primary .button:hover {
        color: #fff !important;
        background-color: #00b774;
        border-color: #00b774;
    }

    form#language-switcher input.button:focus, admin-email__actions-primary .button:focus {
        box-shadow: none !important;
    }