/* 
 * uppercase-inputs.css
 * Força todos os campos de texto a exibir em MAIÚSCULAS
 * Para incluir: adicionar no base.html ou nos templates desejados
 */

/* Todos os inputs de texto */
/* Todos os inputs de texto (EXCETO password/email que devem preservar case visual) */
input[type="text"],
input[type="search"],
input[type="tel"],
textarea {
    text-transform: uppercase;
}

/* Placeholder também em maiúsculas */
input::placeholder,
textarea::placeholder {
    text-transform: uppercase;
}

/* Campos select (o texto selecionado) */
select {
    text-transform: uppercase;
}

/* 
 * NOTA: text-transform: uppercase só afeta a EXIBIÇÃO.
 * O valor enviado ao servidor mantém as letras originais.
 * 
 * Se quiser que o valor ENVIADO seja maiúsculo também,
 * adicione este JavaScript no seu base.html:
 *
 * document.querySelectorAll('input[type="text"], textarea').forEach(el => {
 *     el.addEventListener('input', function() {
 *         this.value = this.value.toUpperCase();
 *     });
 * });
 */