/**
 * Aviso de campos invalidos no checkout do drawer.
 * Mesma linguagem visual das mensagens de erro do WooCommerce ja estilizadas
 * no custom-v22.css, e sticky pelo mesmo motivo: o formulario vive num
 * container com scroll proprio e a mensagem precisa acompanhar a rolagem.
 */
.vi-wcaio-sidebar-cart .oe-checkout-erro {
    position: sticky;
    top: 0;
    z-index: 6;
    margin: 0 0 12px;
    padding: 10px 12px;
    background: #fdecea;
    border-left: 3px solid #b00020;
    color: #7a0016;
    font-size: 13px;
    line-height: 1.45;
}

/* destaca o campo em si, para o cliente enxergar onde corrigir */
.vi-wcaio-sidebar-cart .woocommerce-invalid input.input-text,
.vi-wcaio-sidebar-cart .woocommerce-invalid select,
.vi-wcaio-sidebar-cart .woocommerce-invalid textarea {
    border-color: #b00020;
}