/**
 * LearnWise LMS — SweetAlert2 accessibility theme
 * High-contrast titles and body text for modals, confirms, and toasts.
 */

.swal2-popup {
    border-radius: 20px !important;
    box-shadow: 0 28px 72px rgba(15, 23, 42, 0.22) !important;
    padding: 1.35rem 1.35rem 1rem !important;
}

.swal2-title {
    color: #000 !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    letter-spacing: -0.02em;
}

.swal2-html-container,
.swal2-content {
    color: #000 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

.swal2-html-container p,
.swal2-html-container li {
    color: #111 !important;
}

.swal2-icon {
    margin: 0.75rem auto 0.5rem !important;
}

.swal2-actions {
    gap: 0.65rem !important;
    margin-top: 1.1rem !important;
}

.swal2-confirm {
    font-weight: 600 !important;
    border-radius: 999px !important;
    padding: 0.55rem 1.35rem !important;
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.28) !important;
}

.swal2-cancel {
    font-weight: 600 !important;
    border-radius: 999px !important;
    padding: 0.55rem 1.25rem !important;
    color: #1e293b !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
}

.swal2-cancel:hover {
    background: #e2e8f0 !important;
}

/* App-specific classes used by app.js / alerts.js */
.app-swal-popup {
    border-radius: 20px !important;
    box-shadow: 0 32px 80px rgba(15, 23, 42, 0.24) !important;
}

.app-swal-title,
.swal2-popup .app-swal-title {
    color: #000 !important;
    font-weight: 700 !important;
}

.app-swal-body,
.swal2-popup .app-swal-body {
    color: #000 !important;
    font-size: 15px !important;
}

.app-swal-confirm {
    font-weight: 600 !important;
}

.app-swal-cancel {
    font-weight: 600 !important;
    color: #1e293b !important;
}

/* Toast notifications — light popup on dark toast for contrast */
.swal2-popup.app-toast-popup,
.swal2-popup.swal2-toast {
    background: #ffffff !important;
    color: #000 !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.swal2-popup.app-toast-popup .swal2-title,
.swal2-popup.app-toast-popup .app-toast-title {
    color: #000 !important;
    font-weight: 700 !important;
}

.swal2-popup.app-toast-popup .swal2-html-container,
.swal2-popup.app-toast-popup .app-toast-body {
    color: #1e293b !important;
    font-size: 14px !important;
}

.swal2-popup.app-toast-popup .app-toast-progress {
    background: linear-gradient(90deg, #0d6efd, #60a5fa) !important;
}