/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 02 2026 | 21:52:07 */
/* ================================
   1 - LOGIN E REGISTO (AUTENTICAÇÃO)
   ================================ */

/* --- 0. Lógica de Exibição (Login vs Registo) --- */

/* Por padrão, se não houver indicação, esconde a coluna 2 (Registo) */
.u-column2 {
    display: none !important;
}

/* Se a página tiver a classe de registo, esconde o login e mostra o registo */
.mostrar-apenas-registo .u-column1 {
    display: none !important;
}

.mostrar-apenas-registo .u-column2 {
    display: block !important;
}

/* --- 1. Estrutura e Centralização Absoluta --- */
.u-columns.col2-set {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

#customer_login {
    display: block !important;
    float: none !important;
    margin: 40px auto !important;
    max-width: 500px !important; 
    width: 90% !important;
}

#customer_login .u-column1, 
#customer_login .u-column2 {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

h2 {
    text-align: center !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* --- 2. Cartões (O "Container") --- */
.woocommerce-form-login, 
.woocommerce-form-register {
    padding: 50px 40px !important;
    border-radius: 20px !important;
    background: #ffffff !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
}

/* --- 3. Títulos Internos --- */
#customer_login h2 {
    font-size: 28px !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 40px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

/* --- 4. Labels e Inputs --- */
.woocommerce-form-row label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #444 !important;
}

.woocommerce-form-row input {
    height: 55px !important;
    font-size: 16px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.woocommerce-form-row input:focus {
    background-color: #fff !important;
    border-color: #230ED1 !important;
    box-shadow: 0 0 0 4px rgba(35, 14, 209, 0.1) !important;
    outline: none !important;
}

/* --- 5. Botões Customizados (#230ED1) --- */
.woocommerce-button, 
form.lost_reset_password .button {
    width: 100% !important;
    height: 55px !important;
    background-color: #230ED1 !important;
    color: #ffffff !important;
    border: 1px solid #230ED1 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    display: block !important;
}

.woocommerce-button:hover, 
form.lost_reset_password .button:hover {
    background-color: #ffffff !important;
    color: #230ED1 !important;
    border: 1px solid #230ED1 !important;
}

/* --- 6. Links de Rodapé --- */
.woocommerce-LostPassword, .toggle-link {
    margin-top: 25px !important;
    font-size: 14px !important;
    display: block !important;
    text-align: center !important;
}

/* --- 7. Recuperação de Senha --- */
.woocommerce-reset-password, 
form.lost_reset_password {
    max-width: 500px !important;
    margin: 60px auto !important;
    padding: 50px 40px !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.08) !important;
    border: 1px solid #f0f0f0 !important;
}

form.lost_reset_password p:first-child {
    font-size: 15px !important;
    text-align: center !important;
    color: #555 !important;
    margin-bottom: 25px !important;
}

form.lost_reset_password input.input-text {
    height: 55px !important;
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid #e1e1e1 !important;
}

/* --- 8. Ajuste Fino da Checkbox --- */
.woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 25px !important; /* Aumentei um pouco o espaço para o botão */
    cursor: pointer !important;
    font-size: 14px !important;
    color: #444 !important;
}

.woocommerce-form__input-checkbox {
    width: 18px !important; /* Tamanho fixo para não distorcer */
    height: 18px !important;
    margin-right: 12px !important; /* Este é o espaço mágico que afasta o texto */
    margin-top: 0 !important;
    cursor: pointer !important;
    position: relative !important;
}