/* ════════════════════════════════════════════
   PÁGINA DE LOGIN DO WORDPRESS
   ════════════════════════════════════════════ */
html body.login,
body.login {
    background: #0d0d0d !important;
    background-color: #0d0d0d !important;
}

body.login #login {
    background: #1a1a1a !important;
    border: 1px solid #2a2a2a !important;
    border-radius: 10px !important;
    padding: 30px 28px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.7) !important;
    width: 340px !important;
}

body.login h1 a {
    background-image: url('https://zonadosexo.com/wp-content/uploads/2026/03/cropped-logo-1-1.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100% !important;
    height: 70px !important;
    display: block !important;
    text-indent: -9999px !important;
}

body.login form {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 16px !important;
}

body.login .login-username label,
body.login .login-password label,
body.login label {
    color: #aaa !important;
    font-size: 13px !important;
}

body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"],
body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
    background: #111 !important;
    border: 1px solid #333 !important;
    border-radius: 5px !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;
}

body.login input[type="text"]:focus,
body.login input[type="password"]:focus {
    border-color: #e53935 !important;
    box-shadow: 0 0 0 2px rgba(229,57,53,.25) !important;
}

body.login .button.button-large,
body.login .button-primary,
body.login input[type="submit"] {
    background: #e53935 !important;
    background-color: #e53935 !important;
    border: none !important;
    border-color: #c62828 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    height: 44px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    width: 100% !important;
    transition: background .2s !important;
}

body.login .button.button-large:hover,
body.login .button-primary:hover,
body.login input[type="submit"]:hover {
    background: #c62828 !important;
    background-color: #c62828 !important;
    border-color: #b71c1c !important;
    color: #fff !important;
}

body.login #nav,
body.login #backtoblog {
    text-align: center !important;
}

body.login #nav a,
body.login #backtoblog a {
    color: #777 !important;
    font-size: 13px !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #e53935 !important;
}

body.login .login-remember label {
    color: #777 !important;
}

body.login .forgetmenot input[type="checkbox"]:checked {
    accent-color: #e53935 !important;
}

body.login .privacy-policy-page-link a {
    color: #555 !important;
}

/* ── Separador ── */
.zt-separator {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 16px 0;
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
}
.zt-separator::before,
.zt-separator::after {
    content: '';
    flex: 1;
    border-top: 1px solid #2a2a2a;
}

/* ── Botão Google ── */
.zt-google-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px 20px !important;
    background: #111 !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: Arial, sans-serif !important;
    cursor: pointer !important;
    height: auto !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: border-color .2s, box-shadow .2s !important;
    letter-spacing: .3px !important;
    text-decoration: none !important;
}
.zt-google-btn:hover {
    background: #1a1a1a !important;
    border-color: #e53935 !important;
    box-shadow: 0 0 0 2px rgba(229,57,53,.2) !important;
    color: #fff !important;
}
.zt-google-btn:disabled {
    opacity: .5 !important;
    cursor: not-allowed !important;
}

/* ── Mensagens ── */
#zt-login-msg {
    text-align: center;
    margin-top: 10px;
    font-size: 13px;
    font-family: Arial, sans-serif;
}
#zt-login-msg.error   { color: #e53935; }
#zt-login-msg.success { color: #4caf50; }

/* ── Usuário logado ── */
.zt-logged {
    text-align: center;
    color: #aaa;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
.zt-logged a { color: #e53935; text-decoration: none; }
.zt-logged a:hover { text-decoration: underline; }

/* ── Shortcode fora do login ── */
.zt-login-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 16px 0;
}