/* ==========================================================================
   Variáveis Globais de Cores
   ========================================================================== */
:root {
    --color-primary: #ABA891;
    --color-white: #FFFFFF;
    --color-bg-dark-start: #27261d;
    --color-bg-dark-end: #38372e;
}

/* ==========================================================================
   Estilos da Tela de Login do WordPress
   ========================================================================== */

/* Fundo Geral */
body {
    background: linear-gradient(0deg, var(--color-bg-dark-start) 0%, var(--color-bg-dark-end) 100%);
}

/* Logo */
.login .wp-login-logo a {
    background-image: none, url('/wp-content/themes/triplea/assets/img/logo.svg');
    background-position: top center;
    background-size: 310px;
    width: 320px;
}

/* Formulário e Inputs */
.login form {
    border-radius: 12px;
}

.login form .input[type="text"]:focus,
.login form .input[type="password"]:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-primary);
}

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

input[type="checkbox"]:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

input[type="checkbox"]:focus,
input[type="radio"]:focus {
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}

/* Botões Nativos */
.wp-core-ui .button-primary {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
    transition: all 0.3s ease;
}

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

.wp-core-ui .button .dashicons {
    color: var(--color-primary);
}

/* Links e Textos Brancos */
a,
a:hover,
.login #nav a,
.login #nav a:hover,
.language-switcher label .dashicons {
    color: var(--color-white);
}
a:focus{
    box-shadow: 0 0 0 2px var(--color-primary);
}

/* Marca D'água / Elemento Decorativo */
#login::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    background: url('/wp-content/themes/triplea/assets/img/unitri.svg') no-repeat center / contain;
}

/* Remoção de Elementos Desnecessários */
#backtoblog,
.privacy-policy-page-link {
    display: none !important;
}