input:focus-visible,
input:focus,
textarea:focus {
    outline: none !important;
    box-shadow: 0px 0px 0px 1px #EA6410 !important;
    border: none !important;
    border-width: 1px !important;
    transition: none !important;
}

input,
select,
textarea {
    border-radius: 10px;
    transition: none !important;
}

@media (max-width: 768px) {

    form.woocommerce-form.woocommerce-form-login.login,
    form.woocommerce-ResetPassword.lost_reset_password {
        width: 100% !important;
    }

    /* Evita o zoom automático do navegador (Safari iOS, etc) ao focar num
       campo — ele dá zoom sozinho quando a fonte do campo é menor que 16px,
       achando que vai ficar difícil de digitar. Não tem como "desligar"
       esse comportamento por CSS diretamente, só evitar a condição que o
       dispara: manter a fonte de todo campo em pelo menos 16px no mobile. */
    input,
    select,
    textarea {
        font-size: 16px !important;
    }
}

form.woocommerce-form.woocommerce-form-login.login,
form.woocommerce-ResetPassword.lost_reset_password {
    width: 450px;
}

form.woocommerce-form.woocommerce-form-login.login button[type="submit"],
button.woocommerce-Button.button,
button[name="apply_coupon"] {
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: hsl(0, 0%, 100%);
    background: #ea6410;
    border: none;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap;
    width: 100%;
}