/* =========================================================
   SWEETALERT2 — COUPLELIST
========================================================= */

.swal2-container {
    --swal2-border-radius: 20px;
}

/* =========================================================
   TOAST
========================================================= */

.swal2-popup.swal2-toast {
    background: var(--bs-tertiary-bg) !important;
    color: var(--bs-body-color) !important;

    border: 1px solid var(--bs-border-color) !important;
    border-radius: 16px !important;

    box-shadow:
            0 15px 40px rgba(0, 0, 0, .18) !important;

    padding: .85rem 1rem !important;
}

.swal2-toast .swal2-title {
    color: var(--bs-body-color) !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
}

.swal2-toast .swal2-html-container {
    color: var(--bs-secondary-color) !important;
    font-size: .8rem !important;
}

.swal2-toast .swal2-icon {
    margin: 0 .5rem 0 0 !important;
}


/* =========================================================
   MODAL
========================================================= */

.swal2-popup.swal2-modal {
    width: min(420px, calc(100% - 2rem)) !important;

    padding: 2rem !important;

    background:
            radial-gradient(
                    circle at 100% 0%,
                    rgba(236, 72, 153, .08),
                    transparent 40%
            ),
            radial-gradient(
                    circle at 0% 100%,
                    rgba(139, 92, 246, .08),
                    transparent 40%
            ),
            var(--bs-tertiary-bg) !important;

    color: var(--bs-body-color) !important;

    border: 1px solid var(--bs-border-color) !important;
    border-radius: 24px !important;

    box-shadow:
            0 25px 70px rgba(0, 0, 0, .25) !important;
}

.swal2-title {
    color: var(--bs-body-color) !important;
    font-weight: 700 !important;
    letter-spacing: -.3px;
}

.swal2-html-container {
    color: var(--bs-secondary-color) !important;
    line-height: 1.6 !important;
}


/* =========================================================
   ÍCONES
========================================================= */

.swal2-icon.swal2-success {
    border-color: rgba(139, 92, 246, .25) !important;
    color: #9d7bea !important;
}

.swal2-icon.swal2-error {
    border-color: rgba(236, 72, 153, .25) !important;
}

.swal2-icon.swal2-warning {
    border-color: rgba(245, 158, 11, .3) !important;
}

.swal2-icon.swal2-info {
    border-color: rgba(139, 92, 246, .25) !important;
}


/* =========================================================
   BOTÕES
========================================================= */

.swal2-actions {
    gap: .6rem;

    width: 100%;
}

.swal2-styled {
    border-radius: 14px !important;

    padding: .75rem 1.25rem !important;

    font-weight: 600 !important;

    box-shadow: none !important;

    transition: .2s ease !important;
}

.swal2-styled:hover {
    transform: translateY(-1px);
}


/* Confirmar */

.swal2-confirm {
    background: var(--gradient-primary) !important;
    color: #fff !important;
}

.swal2-confirm:hover {
    box-shadow:
            0 8px 22px rgba(236, 72, 153, .2) !important;
}


/* Cancelar */

.swal2-cancel {
    background: rgba(255, 255, 255, .05) !important;

    color: var(--bs-body-color) !important;

    border: 1px solid var(--bs-border-color) !important;
}

.swal2-cancel:hover {
    background: rgba(255, 255, 255, .09) !important;
}


/* =========================================================
   CLOSE BUTTON
========================================================= */

.swal2-close {
    color: var(--bs-secondary-color) !important;

    border-radius: 10px !important;

    transition: .2s ease;
}

.swal2-close:hover {
    color: var(--bs-body-color) !important;

    background: rgba(255, 255, 255, .05) !important;
}


/* =========================================================
   LIGHT MODE
========================================================= */

[data-bs-theme="light"] .swal2-popup.swal2-modal,
[data-bs-theme="light"] .swal2-popup.swal2-toast {
    box-shadow:
            0 20px 55px rgba(50, 40, 70, .12) !important;
}

[data-bs-theme="light"] .swal2-popup.swal2-modal {
    background:
            radial-gradient(
                    circle at 100% 0%,
                    rgba(236, 72, 153, .06),
                    transparent 40%
            ),
            radial-gradient(
                    circle at 0% 100%,
                    rgba(139, 92, 246, .06),
                    transparent 40%
            ),
            var(--bs-tertiary-bg) !important;
}

[data-bs-theme="light"] .swal2-cancel {
    background: rgba(139, 92, 246, .03) !important;
}

[data-bs-theme="light"] .swal2-cancel:hover {
    background: rgba(139, 92, 246, .07) !important;
}