/* =========================================================
   Globalny nowoczesny styl modali (jak showW24ModernModal)
   Wpinany bezwarunkowo w insertHeader() PO bootstrap.css.
   CSS SweetAlert2 jest wstrzykiwany w runtime przez JS,
   dlatego wszystkie reguły mają !important.
   Aby wycofać: usuń <link> tego pliku w bpack/vendor/W24/X.php.
   ========================================================= */

/* --- Bootstrap: przyciemnione, rozmyte tło --- */
.modal-backdrop,
.modal-backdrop.fade.in,
.modal-backdrop.in {
    background: radial-gradient(circle at 20% 20%, rgba(14,165,233,.18) 0%, rgba(8,47,73,.52) 45%, rgba(2,6,23,.68) 100%) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
    opacity: 1 !important;
}

/* --- Bootstrap: karta modala --- */
.modal-content {
    border: 1px solid rgba(14,165,233,.28) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #ffffff 0%, #eef7ff 100%) !important;
    box-shadow: 0 22px 70px rgba(2,6,23,.35) !important;
}
.modal-content .modal-header {
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
}
.modal-content .modal-footer {
    border-bottom-left-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}

/* --- SweetAlert2: to samo tło + karta --- */
.swal2-container.swal2-shown {
    background: radial-gradient(circle at 20% 20%, rgba(14,165,233,.18) 0%, rgba(8,47,73,.52) 45%, rgba(2,6,23,.68) 100%) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}
.swal2-popup {
    border: 1px solid rgba(14,165,233,.28) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #ffffff 0%, #eef7ff 100%) !important;
    box-shadow: 0 22px 70px rgba(2,6,23,.35) !important;
}