/*
 * Boosystem — ajustes próprios ao tema Velzon.
 *
 * Fica fora dos ficheiros do tema para as actualizações do Velzon não
 * apagarem estas correcções.
 */

/* ---------------------------------------------------------------------------
 * Modais com formulário
 *
 * O .modal-content é um contentor flex em coluna e o Bootstrap conta com o
 * .modal-body como filho directo, para lhe poder dar "flex: 1 1 auto" e
 * deixá-lo rolar. Como os nossos modais envolvem cabeçalho, corpo e rodapé
 * num <form>, essa cadeia quebra: o form cresce em altura livre, o corpo
 * nunca rola e o rodapé — com os botões de guardar — sai do ecrã.
 *
 * Passar o form a contentor flex repõe o comportamento em todos os modais,
 * presentes e futuros, sem mexer no markup de cada página.
 * ------------------------------------------------------------------------- */
.modal-dialog-scrollable .modal-content > form {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow: hidden;
}

.modal-dialog-scrollable .modal-content > form > .modal-body {
    overflow-y: auto;
    /* Sem isto o corpo recusa-se a encolher abaixo do conteúdo e volta a
       empurrar o rodapé para fora. */
    min-height: 0;
}

/* O cabeçalho e o rodapé ficam fixos: os botões estão sempre à vista. */
.modal-dialog-scrollable .modal-content > form > .modal-header,
.modal-dialog-scrollable .modal-content > form > .modal-footer {
    flex-shrink: 0;
}