/* Popup əsas fon */
.swal2-popup {
    background: linear-gradient(135deg, #02061734, #0f172aa8) !important;
    width: 450px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: center;
    box-shadow: 0px 0px 10px 0px #ffffff33;
    border-radius: 20px;
    border: solid 1px #ffffff00;
    margin-top: 80px;
    color: #fff;
    padding: 10px 0;
    font-family: Poppins, sans-serif;
}

/* Title */
.swal2-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

/* Text */
.swal2-html-container {
    color: #ffffff;
    font-size: 15px;
}

/* Icon */
.swal2-icon {
    transform: scale(1.05);
}

/* Buttons */
.swal2-confirm {
    background: linear-gradient(1deg, #204800, #498d47) !important;
    color: white !important;
    border-radius: 10px;
    padding: 10px 32px;
    border: unset !important;
    box-shadow: unset !important;
}

.swal2-cancel {
    background: linear-gradient(1deg, #5a001f, #8c0000) !important;
    color: #fff !important;
    border-radius: 10px;
    box-shadow: unset !important;
    border: unset !important;
    padding: 10px 32px;
}

/* Overlay (arka fon) */
.swal2-backdrop-show {
    background: rgba(0, 0, 0, 0.836) !important;
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-row: unset !important;
}

div:where(.swal2-container) button:where(.swal2-close) {
    color: rgb(179, 179, 179) !important;
    font-size: 1.8em !important;
    width: 1.3em !important;
    height: 1em !important;
}

.swal2-show {
    animation: swalFadeIn 0.25s ease-out;
}

div:where(.swal2-container) div:where(.swal2-validation-message)::before {
    background-color: #607D8B !important;
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    color: rgb(255, 255, 255) !important;
    background: unset !important;

}

/* ========== SWEETALERT MOBİL KESİN FİX ========== */

/* 1. Body overflow fix */
body.swal2-shown:not(.swal2-no-backdrop) {
    overflow: hidden !important;
    height: 100% !important;
    position: fixed !important;
    width: 100% !important;
}

/* 2. Ana konteyner - EN ÖNEMLİ KISIM */
.swal2-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;

}



.swal2-show {
    animation: none !important;
}

.swal2-hide {
    animation: none !important;
}

@media (max-width: 768px) {
    @supports (-webkit-touch-callout: none) {
        .swal2-container {
            height: -webkit-fill-available !important;
        }
    }

    .swal2-container {
        min-height: 100vh;
        min-height: -webkit-fill-available;
        min-height: fill-available;
    }


}



@keyframes swalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

/**/

/* Toast əsas konteyner */
.Toastify__toast {
    background: linear-gradient(135deg, #020617, #0f172a) !important;
    color: #e5e7eb !important;
    border-radius: 14px;
    padding: 14px 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
    font-family: "Inter", sans-serif;
}

/* Text */
.Toastify__toast-body {
    font-size: 14px;
    line-height: 1.4;
}


/* Close button */
.Toastify__close-button {
    color: #cbd5f5 !important;
    opacity: 0.7;
}

.Toastify__close-button:hover {
    opacity: 1;
}

/* Progress bar */
.Toastify__progress-bar {
    background: linear-gradient(90deg, #22c55e, #4ade80) !important;
}

/* Dark background blur (opsional) */
.Toastify__toast {
    backdrop-filter: blur(6px);
}