/* Estilos para o formulário de login do WooCommerce
   Customização para exibir os campos em coluna */

.e-woocommerce-login-anchor {
    width: 100%;
    max-width: 100%;
}

.e-login-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.e-login-wrap-start {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Ajustar campos de formulário para ocupar 100% da largura */
.e-login-wrap-start .form-row {
    width: 100% !important;
    float: none !important;
    margin-bottom: 15px;
}

.e-login-wrap-end {
    width: 100%;
}

.e-login-wrap-end .e-login-label {
    display: none !important;
}

.e-login-wrap-end .woocommerce-form-login__submit {
    margin: 0 !important;
}




/* Ajustar botão de login */
.e-login-wrap-end {
    margin-top: 15px;
}

/* Ajustar o container de "Remember me" e "Lost password" */
.e-login-actions-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
}

.e-login-actions-wrap-start,
.e-login-actions-wrap-end {
    width: 100%;
    margin-bottom: 10px;
}

/* Botão de login ocupando largura total em telas menores */
@media (max-width: 768px) {
    .e-woocommerce-form-login-submit {
        width: 100%;
    }
}