/**
 * Annadatha Bazar — SweetAlert2 theme (site + mobile app)
 */
.swal2-container {
    z-index: 20050 !important;
}

.swal2-popup {
    font-family: 'Inter', 'DM Sans', system-ui, sans-serif !important;
    border-radius: 16px !important;
    padding: 1.25rem 1.25rem 1rem !important;
}

.swal2-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

.swal2-html-container {
    font-size: 0.95rem !important;
    color: #4b5563 !important;
}

.swal2-styled.swal2-confirm {
    border-radius: 10px !important;
    font-weight: 700 !important;
    padding: 0.55rem 1.25rem !important;
}

.swal2-styled.swal2-cancel {
    border-radius: 10px !important;
    font-weight: 600 !important;
    padding: 0.55rem 1.25rem !important;
}

.swal2-styled.swal2-confirm:not(.swal2-confirm-danger) {
    background-color: #2e7d32 !important;
}

.swal2-styled.swal2-confirm.swal2-confirm-danger {
    background-color: #c62828 !important;
}

.swal2-styled.swal2-cancel {
    background-color: #6b7280 !important;
}

.swal2-icon.swal2-warning {
    border-color: #ff9800 !important;
    color: #ff9800 !important;
}

.swal2-icon.swal2-question {
    border-color: #2e7d32 !important;
    color: #2e7d32 !important;
}

.swal2-toast {
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
}

body.app-mode .swal2-toast-container {
    top: calc(60px + env(safe-area-inset-top, 0px) + 8px) !important;
}

@media (max-width: 1023px) {
    .swal2-popup {
        width: calc(100% - 32px) !important;
        max-width: 360px !important;
        margin: 0 auto !important;
    }

    .swal2-actions {
        flex-direction: column-reverse !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .swal2-styled {
        width: 100% !important;
        margin: 0 !important;
    }
}