/* Notificações flash (Django Messages) — aparência compartilhada pelos dois
   shells: o autenticado (`base.html`) e o público (`base_publica.html`).

   Aqui fica somente a geometria do alerta. O posicionamento do container NÃO
   pertence a este arquivo: o shell autenticado flutua (regras em
   `projeto.css`) e a camada pública mantém os alertas no fluxo.

   As cores continuam sendo as variantes semânticas do Bootstrap 5.3
   (`*-bg-subtle` / `*-border-subtle` / `*-text-emphasis`), sem customização. */

.alerta-flash {
    --bs-alert-padding-y: 0.75rem;
    box-shadow: var(--bs-box-shadow-sm);
    font-size: 0.875rem;
    overflow-wrap: anywhere;
    /* Substitui o `padding-right: 3rem` do `.alert-dismissible`: a caixa do
       botão de fechar encolheu junto com o alerta. */
    padding-right: 2.5rem;
}

/* O glifo do X já é pequeno (`width/height: 1em`); o que pesava era a caixa
   de 48x56px herdada do `.alert-dismissible .btn-close`. `top: 50%` +
   `translateY(-50%)` corrigem o alinhamento vertical, que ficava preso ao
   topo e desalinhava em mensagem de duas linhas. A caixa resultante é de
   38x38px — acima do mínimo de 24x24px da WCAG 2.5.8 (AA). */
.alerta-flash .btn-close {
    padding: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}