/*
 * CSS para garantir que o footer fique na parte inferior da página.
 */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Garante que o body ocupe no mínimo 100% da altura da tela */
}

/*
 * A classe .main-content será aplicada no container principal da página
 * para que ele "cresça" e ocupe o espaço disponível, empurrando o footer.
 */
.main-content {
  flex-grow: 1;
}

/*
 * Personalização da cor do header e footer.
 * A diretiva !important é usada para sobrescrever a cor padrão do Bootstrap.
 */
.bg-dark {
    background-color: #8C2A32 !important;
}

/*
 * Correção de z-index para dropdowns aparecerem sobre outros elementos
 */
.dropdown-menu {
    z-index: 1050 !important;
}

.btn-group .dropdown-menu {
    z-index: 1051 !important;
}

.dropdown-menu.show {
    z-index: 1052 !important;
}

.table-responsive .dropdown-menu {
    position: absolute !important;
    z-index: 1053 !important;
}

/* Garantir que dropdowns em tabelas apareçam corretamente */
.table .dropdown-menu {
    z-index: 1055 !important;
    position: absolute !important;
}

/* Correção específica para dropdowns de ações */
.btn-group .dropdown-menu.dropdown-menu-end {
    z-index: 1056 !important;
}

/* Correção para dropdowns em card-body - permitir overflow */
.card-body {
    overflow: visible !important;
}

.table-responsive {
    overflow: visible !important;
}

/* Garantir que o dropdown apareça sobre o card */
.card {
    overflow: visible !important;
}

/* Posicionamento específico para dropdowns em tabelas dentro de cards */
.card .table .dropdown-menu {
    z-index: 1060 !important;
    position: fixed !important;
    transform: translateY(-100%);
}

/* Alternativa: usar position: fixed para garantir que apareça */
.btn-group .dropdown-menu {
    z-index: 1065 !important;
    position: fixed !important;
}