/*
 * Drosly theme for SweetAlert2 (realrashid/sweet-alert flash alerts and all
 * direct Swal.fire() calls). Styles the library's own classes, so every
 * success / error / confirm dialog matches the Drosly design system without
 * changing individual call sites. Loaded by the landing and student layouts.
 */
:root {
    --drosly-alert-primary: #023720;
    --drosly-alert-primary-hover: #0a4d32;
    --drosly-alert-accent: #2eb97e;
    --drosly-alert-text: #122019;
    --drosly-alert-muted: #5b6b62;
}

.swal2-popup {
    border-radius: 22px !important;
    padding: 1.6em 1.4em 1.3em !important;
    font-family: "DM Sans", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif !important;
    color: var(--drosly-alert-text) !important;
    box-shadow: 0 28px 70px rgba(2, 55, 32, .18), 0 8px 22px rgba(15, 23, 42, .06) !important;
    border: 1px solid rgba(2, 55, 32, .08) !important;
}

.swal2-title {
    color: var(--drosly-alert-text) !important;
    font-size: 1.3em !important;
    font-weight: 800 !important;
}

.swal2-html-container {
    color: var(--drosly-alert-muted) !important;
    font-size: .98em !important;
    line-height: 1.65 !important;
}

.swal2-actions {
    gap: 10px;
}

.swal2-styled {
    min-height: 44px;
    padding: .6em 1.4em !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.swal2-styled.swal2-confirm {
    background: var(--drosly-alert-primary) !important;
    color: #fff !important;
}

.swal2-styled.swal2-confirm:hover {
    background: var(--drosly-alert-primary-hover) !important;
}

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny {
    background: #eef3f0 !important;
    color: var(--drosly-alert-text) !important;
}

.swal2-styled:focus-visible {
    outline: 3px solid var(--drosly-alert-accent) !important;
    outline-offset: 2px !important;
}

.swal2-icon.swal2-success {
    border-color: rgba(46, 185, 126, .35) !important;
    color: var(--drosly-alert-accent) !important;
}

.swal2-icon.swal2-success [class^="swal2-success-line"] {
    background-color: var(--drosly-alert-accent) !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(46, 185, 126, .3) !important;
}

.swal2-timer-progress-bar {
    background: var(--drosly-alert-accent) !important;
}

/* Toasts */
.swal2-popup.swal2-toast {
    border-radius: 16px !important;
    padding: .75em 1em !important;
}

.swal2-popup.swal2-toast .swal2-title {
    font-size: 1em !important;
}

@media (prefers-reduced-motion: reduce) {
    .swal2-popup,
    .swal2-show,
    .swal2-hide {
        animation: none !important;
    }
}