/*
 * sweetalert2-overrides.css
 *
 * Customizações sobre o sweetalert2.min.css para aproximar o visual
 * do bootstrap-sweetalert antigo e corrigir conflitos de z-index com
 * modais Bootstrap existentes no projeto.
 *
 * Carregar SEMPRE depois de sweetalert2.min.css.
 *
 * !important é usado em font-size porque a SA2 v11 emprega seletores com
 * :where() (especificidade zero) combinados com tags + classes, e em
 * algumas combinações o cascade pode não prevalecer sem o reforço.
 */

/* ---------------------------------------------------------------------
 * z-index — o SA2 default é 1060 (mesmo do Bootstrap modal). Quando há
 * um modal Bootstrap aberto, o backdrop do SA2 fica atrás dele e cobre
 * apenas parte da tela. A lib antiga usava 99999 — replicamos.
 * ------------------------------------------------------------------- */
.swal2-container {
    z-index: 99999 !important;
}

/* ---------------------------------------------------------------------
 * Largura e tipografia base — visual antigo (sweet-alert.css).
 * Antigo: width 478px, font Open Sans, border-radius 5px, padding 17px.
 * font-size base do popup garante que filhos em em escalem corretamente.
 * ------------------------------------------------------------------- */
.swal2-popup {
    width: 478px !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    padding: 17px !important;
}

@media all and (max-width: 540px) {
    .swal2-popup {
        width: auto !important;
        margin-left: 15px;
        margin-right: 15px;
    }
}

/* ---------------------------------------------------------------------
 * Título — antigo h2: 30px, #575757, weight 600, line-height 40px.
 * ------------------------------------------------------------------- */
.swal2-title {
    color: #575757 !important;
    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 40px !important;
    margin: 25px 0 !important;
    padding: 0 !important;
}

/* ---------------------------------------------------------------------
 * Corpo / texto auxiliar — antigo p: 16px, #797979, weight 300.
 * ------------------------------------------------------------------- */
.swal2-html-container {
    color: #797979 !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
}

/* Inputs e textarea dentro do popup (prompt) — manter legíveis */
.swal2-input,
.swal2-textarea,
.swal2-select {
    font-size: 16px !important;
}

/* Mensagem de validação */
.swal2-validation-message {
    font-size: 14px !important;
}

/* ---------------------------------------------------------------------
 * Backdrop — leve aumento na opacidade para ficar mais perto do antigo
 * (que era rgba(0,0,0,0.4) também, mas com z-index muito mais alto).
 * Mantemos 0.4 — só garantir que cubra tudo via o z-index acima.
 * ------------------------------------------------------------------- */
.swal2-container.swal2-backdrop-show {
    background: rgba(0, 0, 0, 0.4);
}

/* ---------------------------------------------------------------------
 * Botões — cores e tipografia do antigo:
 *   Confirmar: azul claro #8CD4F5 (hover #7ecff4, active #5dc2f1)
 *   Cancelar:  cinza #C1C1C1 (hover #b9b9b9, active #a8a8a8)
 *   Fonte 17px, peso 500, texto branco, border-radius 5px
 * ------------------------------------------------------------------- */
:root {
    --swal2-confirm-button-background-color: #8CD4F5;
    --swal2-confirm-button-color: #fff;
    --swal2-cancel-button-background-color: #C1C1C1;
    --swal2-cancel-button-color: #fff;
    --swal2-confirm-button-border-radius: 5px;
    --swal2-cancel-button-border-radius: 5px;
}

.swal2-styled.swal2-confirm {
    background-color: #8CD4F5 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
    border: none !important;
    padding: 10px 32px !important;
}

.swal2-styled.swal2-confirm:hover {
    background-color: #7ecff4 !important;
    background-image: none !important;
}

.swal2-styled.swal2-confirm:active,
.swal2-styled.swal2-confirm:focus {
    background-color: #5dc2f1 !important;
    background-image: none !important;
    box-shadow: 0 0 2px rgba(128, 179, 235, 0.5),
                inset 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
}

.swal2-styled.swal2-cancel {
    background-color: #C1C1C1 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    border-radius: 5px !important;
    border: none !important;
    padding: 10px 32px !important;
}

.swal2-styled.swal2-cancel:hover {
    background-color: #b9b9b9 !important;
    background-image: none !important;
}

.swal2-styled.swal2-cancel:active,
.swal2-styled.swal2-cancel:focus {
    background-color: #a8a8a8 !important;
    background-image: none !important;
    box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px,
                rgba(0, 0, 0, 0.0470588) 0 0 0 1px inset !important;
}

/* ---------------------------------------------------------------------
 * Ícones — cores do antigo:
 *   success: #A5DC86  (já coincide com SA2 default)
 *   error:   #F27474  (já coincide com SA2 default)
 *   warning: #F8BB86  (já coincide com SA2 default)
 *   info:    #C9DAE1  (SA2 default é #3fc3ee — override aqui)
 * ------------------------------------------------------------------- */
.swal2-icon.swal2-info {
    border-color: #C9DAE1 !important;
    color: #C9DAE1 !important;
}

.swal2-icon.swal2-info .swal2-icon-content {
    color: #C9DAE1 !important;
}

/* Botão "X" de fechar (quando habilitado via showCloseButton) — manter
 * discreto como a versão antiga. */
.swal2-close {
    color: #cccccc !important;
}

.swal2-close:hover {
    color: #d55 !important;
}