/* ========================================================================== SweetAlert2 Theme Customization - Wase Compliant ========================================================================== */ /* Base Popup - Comune a tutti i temi */ .wase-swal-popup { border-radius: 0.75rem !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35) !important; border-top: 5px solid transparent !important; /* Spazio riservato alla barra colorata */ } .wase-swal-popup .swal2-html-container { color: inherit !important; } /* -------------------------------------------------------------------------- Bordi Colorati Dinamici (Funzionano sia in Light che in Dark mode) -------------------------------------------------------------------------- */ .wase-swal-popup.wase-theme-info { border-top-color: #0dcaf0 !important; /* Bootstrap Info */ } .wase-swal-popup.wase-theme-success { border-top-color: #198754 !important; /* Bootstrap Success */ } .wase-swal-popup.wase-theme-warning { border-top-color: #ffc107 !important; /* Bootstrap Warning */ } .wase-swal-popup.wase-theme-danger { border-top-color: #dc3545 !important; /* Bootstrap Danger */ } .wase-swal-popup.wase-theme-primary { border-top-color: #0d6efd !important; /* Bootstrap Primary */ } /* -------------------------------------------------------------------------- Tema Light (Default) -------------------------------------------------------------------------- */ .wase-swal-popup { background-color: #ffffff !important; color: #212529 !important; border-left: 1px solid #dee2e6 !important; border-right: 1px solid #dee2e6 !important; border-bottom: 1px solid #dee2e6 !important; } .wase-swal-title { color: #0d6efd !important; font-weight: 600 !important; } .wase-swal-popup .form-select, .wase-swal-popup .swal2-select { background-color: #fff !important; color: #000 !important; border-color: #ced4da !important; } /* -------------------------------------------------------------------------- Tema Dark (Attivo quando , o la pagina ha la classe dark o l'attributo Bootstrap) -------------------------------------------------------------------------- */ html.bg-dark .wase-swal-popup, body.bg-dark .wase-swal-popup, html.dark-mode .wase-swal-popup, body.dark-mode .wase-swal-popup, [data-bs-theme="dark"] .wase-swal-popup { background-color: #1e293b !important; color: #f8fafc !important; border-left: 1px solid rgba(255, 255, 255, 0.15) !important; border-right: 1px solid rgba(255, 255, 255, 0.15) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; } html.bg-dark .wase-swal-title, body.bg-dark .wase-swal-title, html.dark-mode .wase-swal-title, body.dark-mode .wase-swal-title, [data-bs-theme="dark"] .wase-swal-title { color: #38bdf8 !important; } html.bg-dark .wase-swal-popup .form-select, html.bg-dark .wase-swal-popup .swal2-select, body.bg-dark .wase-swal-popup .form-select, body.bg-dark .wase-swal-popup .swal2-select, [data-bs-theme="dark"] .wase-swal-popup .form-select, [data-bs-theme="dark"] .wase-swal-popup .swal2-select { background-color: #0f172a !important; color: #fff !important; border-color: #334155 !important; }