/**
 * CSS para corrigir visibilidade dos alerts do Bootstrap
 * Este arquivo força a exibição correta dos alerts em todo o sistema
 */

/* Forçar visibilidade dos alerts */
.alert,
div[class*="alert-"],
div.alert-success,
div.alert-danger,
div.alert-warning,
div.alert-info,
div.alert-primary {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1050 !important;
    width: 100% !important;
    min-height: 45px !important;
}

/* Container de mensagens Django */
.container .alert {
    display: block !important;
    visibility: visible !important;
}

/* Mensagens do sistema Django */
.messages .alert,
.alert.alert-dismissible {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir que o conteúdo dos alerts seja visível */
.alert * {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir padding e margens */
.alert {
    padding: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Botão de fechar */
.alert .btn-close {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0.75rem !important;
    right: 0.75rem !important;
}

/* Cores dos alerts - garantir que sejam visíveis */
.alert-success {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    border: 1px solid #badbcc !important;
}

.alert-danger,
.alert-error {
    background-color: #f8d7da !important;
    color: #842029 !important;
    border: 1px solid #f5c2c7 !important;
}

.alert-warning {
    background-color: #fff3cd !important;
    color: #664d03 !important;
    border: 1px solid #ffecb5 !important;
}

.alert-info {
    background-color: #cff4fc !important;
    color: #055160 !important;
    border: 1px solid #b6effb !important;
}

.alert-primary {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    border: 1px solid #b6d4fe !important;
}

/* Ícones dentro dos alerts */
.alert i,
.alert .fas,
.alert .far,
.alert .fab {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
}

/* Badges dentro dos alerts */
.alert .badge {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Garantir que links dentro dos alerts sejam visíveis */
.alert a {
    color: inherit !important;
    text-decoration: underline !important;
    visibility: visible !important;
}

/* Modo responsivo */
@media (max-width: 768px) {
    .alert {
        font-size: 0.9rem !important;
        padding: 0.75rem !important;
    }
    
    .alert .btn-close {
        font-size: 0.8rem !important;
    }
}

/* Garantir que o container pai também seja visível */
div:has(> .alert) {
    display: block !important;
    visibility: visible !important;
}