/* assets/css/attractive-alerts.css */
:root {
    --swal-primary: #1a3c8f;
    --swal-success: #1a7a3c;
    --swal-error: #c0392b;
    --swal-warning: #f4914a;
}

.swal2-popup {
    border-radius: 16px !important;
    font-family: 'Noto Sans', 'Poppins', sans-serif !important;
    padding: 2rem !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.swal2-title {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
}

.swal2-html-container {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
}

.swal2-confirm {
    border-radius: 12px !important;
    padding: 12px 32px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.swal2-confirm:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}

.swal2-cancel {
    border-radius: 12px !important;
    padding: 12px 32px !important;
    font-weight: 600 !important;
}

.swal2-icon {
    border-width: 3px !important;
}

/* Custom Animation */
.swal2-show {
    animation: swal2-show-custom 0.4s cubic-bezier(.34, 1.56, .64, 1) !important;
}

@keyframes swal2-show-custom {
    0% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}